「次/前」の矢印を使用して、カスタム ループ スライダーを作成しています。
実際、私の 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()
}