..大家好,我对 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/