0

私はjQueryを初めて使用しますが、スライドショーを実行するための次/前のボタンを作成するための最も簡単で効率的な方法を考えています。私のコードは次のとおりです。

    run = setInterval（ "switchSlide（）"、2000）;

    $（document）.ready（function（）{
        $（'＃slideshow img：gt（0）'）。hide（）;

        $（'＃slideshow'）。hover（function（）{
            clearInterval（run）;
        }、 働き（） {
            run = setInterval（ "switchSlide（）"、2000）;
        }）;

        $（'＃play'）。click（function（）{
            run = setInterval（ "switchSlide（）"、2000）;
        }）;

        $（'＃stop'）。click（function（）{
            clearInterval（run）;
        }）;
        $（'＃previous'）。click（function（）{
                    $（'＃slideshow img：first'）。fadeOut（1000）.prev（）。fadeIn（1000）.end（）。appendTo（'＃slideshow'）;
                }）;

                $（'＃next'）。click（function（）{
                    $（'＃slideshow img：first'）。fadeOut（1000）.next（）。fadeIn（1000）.end（）。appendTo（'＃slideshow'）;
                }）;

    }）;

    関数switchSlide（）{
        $（'＃slideshow img：first'）。fadeOut（1000）.next（）。fadeIn（1000）.end（）。appendTo（'＃slideshow'）;
    }
4

1 に答える 1

0

これはswitchSlide（）で行うことなので、next（）で次の画像が取得されると思います。HTMLにdiv要素を追加できます

  <div id="next"></div>

次に、next（）を呼び出すクリックイベントをアタッチします。これは、基本的にswitchSlide（）と同じアクションを実行します。

  $('.next').click(function(){ 
     $('#slideshow img:first').fadeOut(1000).next().fadeIn(1000).end().appendTo('#slideshow');
   })

以前の場合も同じことができます

于 2012-08-03T14:12:34.230 に答える