jquery - 滚动画廊如何使其无限循环而不是回到第一个

..嗨，我对jquery真的很陌生，并且很难解决此问题。问题是...我想要一个无限循环，而不是回到第一个内容的效果。

function initCarousel() {
jQuery('.link-block').scrollGallery({
    mask: 'div.mask',
    slider: 'div.slideset',
    slides: 'div.slide',
    btnPrev: 'a.prev',
    btnNext: 'a.next',
    autoRotation: true,
//displayTime: 5000,
    circularRotation: true,
    switchTime: 3000,
    animSpeed: 500

............

    // jquery plugin
$.fn.scrollGallery = function(opt){
    return this.each(function(){
        $(this).data('ScrollGallery', new ScrollGallery($.extend(opt,{holder:this})));
    });
};
}(jQuery));

希望有人可以帮助:)

最佳答案

尽管提供jsfiddle有助于确认这一点，但我有一种感觉，您正在使用的插件不支持您追求的“无限循环”效果。

以下插件具有“无限循环”效果，并且似乎旨在“插入”到ScrollGallery插件使用的相同HTML结构。再次看到原始HTML和JS的其余部分，将有所帮助。

function initCycleCarousel() {
    jQuery('.link-block').scrollAbsoluteGallery({
        mask: 'div.mask',
        slider: 'div.slideset',
        slides: 'div.slide',
        btnPrev: 'a.prev',
        btnNext: 'a.next',
        pauseOnHover: true,
        maskAutoSize: true,
        autoRotation: true,
        switchTime: 3000,
        animSpeed: 500
    });
}

该插件本身可以在here中找到。您还需要将其包含在javascript中。

关于jquery - 滚动画廊如何使其无限循环而不是回到第一个，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15491340/