1

我正在使用 AnythingSlider，http ://proloser.github.com/AnythingSlider/ ，并创建了一个包含 2 个滑块的页面。

是否可以仅使用其中一个的上一个/下一个箭头来控制这两个滑块？即您单击slider1 的'prev' 箭头，slider2 也移动到上一张幻灯片。

我在 onSlideBegin 回调中使用一个函数，并将 targetPage 传递给另一个滑块（$slider）：

$imgSlider = $('#imgSlider').anythingSlider({
    onSlideBegin: function(e, slider) {
        $slider.anythingSlider(slider.targetPage);
    }
});

问题是从第一张幻灯片移动到最后一张（或从最后一张到第一张）。箭头所属的滑块按需要运行（滑块是无限的，因此从第一个移动到最后一个使用克隆的幻灯片）。但是另一个滑块会倒回所有幻灯片。

有没有办法防止这种情况？

4

1 回答 1

0

当您告诉 AnySlider 转到特定页面时，它会直接转到那里，而不是滑过克隆的幻灯片。该演示来自主页 wiki页面，该页面具有一组控制两个滑块的箭头。

$('#slider1, #slider2').anythingSlider({

    // If true, builds the forwards and backwards buttons
    buildArrows: false

});

$('#fwd, #bck').click(function(){
    var direction = (this.id === 'fwd') ? 'goForward' : 'goBack';
    $('ul[id^=slider]').each(function(){
        $(this).data('AnythingSlider')[direction]();
    });
});​
于 2012-08-04T18:07:16.157 回答