jQuery幻燈片不再正常工作

我有一個客戶端網站上的jQuery幻燈片。幻燈片正在工作，但現在它只顯示幻燈片中的三張圖像之一，即最後一張圖像。我發現頁面上的另一個腳本導致了錯誤，但是這個腳本對於顯示下拉選擇菜單是必要的，並且也能正確顯示幻燈片。我不知道爲什麼它不再工作，找不到解決問題的方法。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的：

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

幻燈片應運行相同的，因爲它不會在主頁上：http://www.isis.com.au/

任何人都可以提出一個更好的JavaScript使用，或者我可以如何訂購JavaScript以便所有內容都能正確顯示和運行？

來源

2012-10-02 JV10

我有點困惑，我似乎無法找出問題所在？滑塊中的所有圖像看起來都是一樣的？ – Steven

只是從簡單的觀察，在你的滑塊< ul>中，你有< li>包含的圖像，第一個和最後一個，其中class =「克隆」。這可能是一個很好的起點 - 這類「克隆」是做什麼的？也許這就是爲什麼你有最後一幅圖像所觀察到的效果。

嘗試挖掘源代碼，解決方案取決於JavaScript本身。

確保您在依賴它的腳本之前先導入jQuery。

希望它有幫助！

來源

2012-10-02 00:46:22 chinnychinchin

我只是註釋掉了googleapis腳本，它現在可以工作。不知道爲什麼我早些時候這麼做沒有工作，但現在它又重新工作了。很奇怪。 – JV10

jQuery幻燈片不再正常工作

回答

相關問題