0

jQuery スライドショー (クリック時) をしばらく動作させようとしてきましたが、どこが間違っているのかわかりません。ここで、Ryan Florence の jQuery スライドショー ナビゲーションを使用しています。

http://ryanflorence.com/jquery-slideshow/demos/slideshownav/

ここにjsFiddleをまとめました：

http://jsfiddle.net/hAvXt/3/

jQuery UI を含めるようにしました。彼のサイトの例には、3 つの JavaScript ファイルが組み込まれています (demo.js、jquery.rf.slideshow.js、jquery.rf.slideshownav.js)。私はそれらすべてを取得し、JSFiddle の JavaScript セクションに入れました。

基本的に、正しいボタンをクリックすると、「スライドショー」divが正しいコンテンツに更新されますが、トランジションは行われません。最初は、画像の代わりに「div」を使用していたためだと思いましたが、過去に彼のより単純なスライドショーを div で使用したことがあり、正常に動作しました。助けてくれてありがとう。

これは私のナビゲーションバーです:

<div class="slideshow" id="slideshow" style="width:1105px; height:1402px;">
<div id="red" style="background-color:red;height:1402px; width:1105px;">TEST 1</div>
<div id="green" style="background-color:green;height:1402px; width:1105px;">TEST 2</div>
<div id="blue" style="background-color:blue;height:1402px; width:1105px;">TEST 3</div>
</div>

これは jQuery 関数の実装です。

$(function(){
  $('#slideshow').slideshownav({
    transition: 'push(#{direction})',
    mode: 'vertical',
    navSelector: '> ul > li > a',
    duration: 400,
    autoPlay: false
  });
});
4

1 に答える 1

0

私はそれを奇妙に設定しました（将来この問題を抱えている人のために）。このスライドショーでは、実際のアンカー href は、このデモのサイトのソース コードで混乱を招くようなことは何もしません。

これは、アンカー タグの順序とスライドの順序に関係しています。最初のものは最初のものに対応します。

于 2012-11-18T02:57:21.163 に答える