我有几个滑块,每个滑块都有不同数量的幻灯片。每个滑块都没有“下一步”/“上一步”按钮,而是由分页控制。每当单击滑块的分页时,每个滑块的图像都会前进到相应的分页。因此,如果单击第二个分页按钮,每个滑块都会转到第二个图像,而不仅仅是当前的滑块。我尝试了以下解决方案: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上)
发布于 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");
});
https://stackoverflow.com/questions/20206175
复制相似问题