0

クライアントの Web サイトに jQuery スライドショーがあります。スライドショーは機能していましたが、スライドショーの 3 つの画像のうちの 1 つである最後の画像しか表示されません。ページ上の別のスクリプトがエラーの原因であることがわかりましたが、このスクリプトはドロップダウン選択メニューを表示し、スライドショーを正しく表示するために必要です。なぜ機能しなくなったのかわからず、修正する方法が見つかりません。

これはページです: 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 を配置しようとしましたが、スライドショーが正しく表示されません。スライドショーの画像とスクロールバーを含むフレームを表示するだけです。これらは、スライドショーに必要な 2 つの JavaScript です。

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

スライドショーは、ホームページと同じように実行されているはずです: http://www.isis.com.au/

より良い JavaScript を使用することを誰かが提案できますか、またはすべてが正しく表示され実行されるように JavaScript を注文する方法を教えてください。

4

1 に答える 1

1

簡単な観察から、スライダー<ul>には、<li>を含む画像があり、最初と最後の画像のクラスは「クローン」です。それは良い出発点かもしれません-このクラスの「クローン」は何をしますか？おそらくそれが、最後の画像で観察した効果がある理由です。

ソースコードを掘り下げてみてください。解決策はjavascript自体にあります。

jQueryに依存するスクリプトの前に、jQueryを最初にインポートするようにしてください。

それが役に立てば幸い！

于 2012-10-02T00:46:22.323 に答える