1

「次/前」の矢印を使用して、カスタム ループ スライダーを作成しています。

実際、私の NEXT (1->2->3..) は機能していますが、要素は問題ありませんが、逆方向にループすると PRV (1->3->2..) アニメーションが実行されますが、最後の要素は続きません。コールバック関数を呼び出すまで。

コールバックでさえ「次の」ものを配置します。

たとえば、[PREV] を押すと、スライド #1 が表示され、スライド #3 が続きます。

function slide() 
        {
            $('.next').click(function slideNext()
            {
                // Animate left
                $this.animate({'left' : '-' + $this.parent().width()}, options.speed, function()
                {
                    // Return css left:0 and call the next slide
                    $this
                        .css('left', 0)
                        .children(':first')
                        .appendTo($this); 
                })
            });// End slideNext()

            $('.prev').click(function slidePrev()
            {   

                // Animate right
                $this.animate({'left' : '+' + $this.parent().width()}, options.speed, function()
                {
                    // Return css left:0
                    $this
                        .css('left', 0)
                        .children(':first')
                        .appendTo($this); 

                })
            });// End slidePrev()
        }
4

0 に答える 0