jQuery 幻灯片不再正常工作

Question

我在客户网站上有一个 jQuery 幻灯片。幻灯片正在运行，但现在它只显示幻灯片中的三个图像之一，即最后一个图像。我发现页面上的另一个脚本导致了错误，但是这个脚本是显示下拉选择菜单和正确显示幻灯片所必需的。我不知道为什么它不再工作并且找不到任何修复它的方法。

这是页面：http://www.isis.com.au/projects-and-partnerships/projects.aspx

这是生成的幻灯片：

<div class="anythingFader">
  <div class="wrapper" style="overflow: hidden; opacity: 1;">
    <ul id="slider1"><li class="cloned"><img src="/media/158894/last_financial_year.jpg" alt=""></li><li><img src="/media/158882/last_5_years.jpg" alt=""></li><li><img src="/media/158888/last_3_years.jpg" alt=""></li><li><img src="/media/158894/last_financial_year.jpg" alt=""></li><li class="cloned"><img src="/media/158882/last_5_years.jpg" alt=""></li></ul>
  </div><a class="arrow forward">&gt;</a><a class="arrow back">&lt;</a>
<div id="thumbNav"><a href="#" class="">5 Years</a><a href="#" class="">3 Years</a><a href="#" class="cur">FY 2011/2012</a></div><a id="start-stop" href="#" class="playing">Pause</a></div>

以下 javascript 导致幻灯片中的最后一张图片保持显示：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

我尝试将幻灯片 javascript 放在它之前，但幻灯片无法正确显示。它只显示幻灯片的图像和滚动条的框架。这些是幻灯片所需的两个 javascript：

<script type="text/javascript" src="/Scripts/jquery_anythingfader.js" charset="utf-8"></script>

幻灯片应该像在主页上一样运行：http://www.isis.com.au/

任何人都可以建议使用更好的 javascript，或者我如何订购 javascript，以便所有内容都能正确显示和运行？

Answer 1

从简单的观察来看，在您的滑块 中，您有 包含图像，第一个和最后一个，其中有 class= “克隆”。这可能是一个很好的起点——这类“克隆”是做什么的？也许这就是为什么你有你在最后一张图片中观察到的效果。

尝试挖掘源代码，解决方案在于 javascript 本身。

确保在依赖它的脚本之前先导入 jQuery。

希望对你有帮助！