具有Sequence.js和分页功能的多个滑块
具有Sequence.js和分页功能的多个滑块
提问于 2013-11-26 08:15:55
我有几个滑块，每个滑块都有不同数量的幻灯片。每个滑块都没有“下一步”/“上一步”按钮，而是由分页控制。每当单击滑块的分页时，每个滑块的图像都会前进到相应的分页。因此，如果单击第二个分页按钮，每个滑块都会转到第二个图像，而不仅仅是当前的滑块。我尝试了以下解决方案：http://bit.ly/1b1bvsC，但这只与next/previous按钮相关，不适用于分页。
这是我目前的js：
$(document).ready(function(){
var options = {
nextButton: false,
prevButton: false,
pagination: true,
animateStartingFrameIn: false,
autoPlay: false,
autoPlayDelay: 3000,
preloader: true,
startingFrameID: 1,
preloadTheseFrames: [1],
}
var options2 = {
nextButton: false,
prevButton: false,
pagination: true,
animateStartingFrameIn: false,
autoPlay: false,
autoPlayDelay: 3000,
preloader: true,
startingFrameID: 2,
preloadTheseFrames: [1],
}
var sequence = $("#essence-sequence").sequence(options).data("sequence");
var sequence2 = $("#macropro-sequence").sequence(options2).data("sequence");
});这里有一张图片，以防对我所说的有任何混淆：
因此，当点击底部的小圆圈时，上面的大红色图像将滑到相应的“产品图像”，而不会影响页面上的任何其他滑块。(很抱歉出现了严重的红色，但我现在必须把这个放在DL上)
回答 1
Stack Overflow用户
发布于 2014-02-25 23:19:23
我也遇到过同样的问题，在您引用的link中找到的解决方案也适用于分页，而不仅仅是next/previous按钮。您可以为每组分页提供一个不同的类，然后将该类输入到javascript中。
示例：
$(document).ready(function(){
var options = {
nextButton: false,
prevButton: false,
pagination: '.pagination1', //name first pagination here
animateStartingFrameIn: false,
autoPlay: false,
autoPlayDelay: 3000,
preloader: true,
startingFrameID: 1,
preloadTheseFrames: [1],
}
var options2 = {
nextButton: false,
prevButton: false,
pagination: '.pagination2', //name second pagination here
animateStartingFrameIn: false,
autoPlay: false,
autoPlayDelay: 3000,
preloader: true,
startingFrameID: 2,
preloadTheseFrames: [1],
}
var sequence = $("#essence-sequence").sequence(options).data("sequence");
var sequence2 = $("#macropro-sequence").sequence(options2).data("sequence");
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20206175
复制相关文章
相似问题