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，但幻灯片显示无法正确显示。它只显示带有幻灯片显示的图像和滚动条的框架。这些是幻灯片显示所需的两个javascripts：

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

幻灯片显示应与主页上的相同：http://www.isis.com.au/

有人可以建议使用更好的javascript，或者我如何订购javascripts以便一切都能正常显示和运行？

Answer 1

仅从简单的观察，在你的滑块＆lt; ul＆gt;，你有＆lt; li＆gt;包含图像，第一个和最后一个，其中class =“cloned”。这可能是一个很好的起点 - 这类“克隆”的做法是什么？也许这就是你为最后一张图像观察到效果的原因。

尝试深入挖掘源代码，解决方案依赖于javascript本身。

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

希望它有所帮助！

jQuery幻灯片不再正常工作

1 个答案: