Jquery 滚动画廊如何使它无限循环,而不是运行回第一个
…大家好,我对jquery真的很陌生,我很难解决这个问题。问题是。。。我想要一个无限循环,而不是返回到第一个内容的效果Jquery 滚动画廊如何使它无限循环,而不是运行回第一个,jquery,Jquery,…大家好,我对jquery真的很陌生,我很难解决这个问题。问题是。。。我想要一个无限循环,而不是返回到第一个内容的效果 function initCarousel() { jQuery('.link-block').scrollGallery({ mask: 'div.mask', slider: 'div.slideset', slides: 'div.slide', btnPrev: 'a.prev', btnNext: 'a.next', a
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));
希望这里的人能帮上忙:)尽管提供JSFIDLE有助于证实这一点,但我感觉您使用的插件不支持您所追求的“无限循环”效果 以下插件具有“无限循环”效果,并且似乎被设计为“插入”到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
});
}
可以找到插件本身。您还需要将其包含在javascript中。尽管提供JSFIDLE有助于确认这一点,但我感觉您使用的插件不支持您所追求的“无限循环”效果 以下插件具有“无限循环”效果,并且似乎被设计为“插入”到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
});
}
可以找到插件本身。您还需要将其包含在javascript中。我修复了最后一行代码的代码格式,但这意味着什么代码>实际上属于?JSFIDLE或完整的html代码将有所帮助。一年后,您知道如何做到这一点吗?我只是在别人的代码中遇到了同样的问题。我还没有任何线索。。。谢谢我修复了最后一行代码上的代码格式,但是那是什么意思代码>实际上属于?JSFIDLE或完整的html代码将有所帮助。一年后,您知道如何做到这一点吗?我只是在别人的代码中遇到了同样的问题。我还没有任何线索。。。谢谢