superslide 设置幻灯片每张图片不同的停留时间
时间: 2023-05-29 09:03:33 浏览: 316
要设置 Superslide 幻灯片每张图片不同的停留时间,你需要在 JS 代码中添加一个参数。假设你有三张图片,分别为 A、B、C,你可以按照以下方式设置不同的停留时间:
```
jQuery("#slider").slide({
mainCell: ".bd ul",
autoPlay: true,
delayTime: 1000,
interTime: 3000,
// 设置每张图片的停留时间
titCell: ".hd ul",
titOnClassName: "active",
autoPage: true,
effect: "fold",
trigger: "click",
// 设置每张图片的停留时间
pnLoop: true,
startFun: function(i) {
jQuery(".hd li").eq(i).addClass("active").siblings().removeClass("active");
}
});
```
在上述代码中,你需要为 `titCell` 和 `pnLoop` 参数分别添加一个数组,用于设置每张图片的停留时间。例如,如果你希望图片 A 停留 2 秒,图片 B 停留 3 秒,图片 C 停留 4 秒,你可以这样设置:
```
jQuery("#slider").slide({
mainCell: ".bd ul",
autoPlay: true,
delayTime: 1000,
interTime: 3000,
// 设置每张图片的停留时间
titCell: ".hd ul",
titOnClassName: "active",
autoPage: true,
effect: "fold",
trigger: "click",
// 设置每张图片的停留时间
pnLoop: [true, true, true],
startFun: function(i) {
jQuery(".hd li").eq(i).addClass("active").siblings().removeClass("active");
}
});
```
在这个示例中,`pnLoop` 参数的值为一个包含三个 `true` 的数组,这意味着每张图片都会循环播放。如果你希望只有某些图片循环播放,你可以将对应的值设置为 `true`,其他值设置为 `false`。例如,如果你希望只有图片 A 和 B 循环播放,图片 C 只播放一次,你可以这样设置:
```
jQuery("#slider").slide({
mainCell: ".bd ul",
autoPlay: true,
delayTime: 1000,
interTime: 3000,
// 设置每张图片的停留时间
titCell: ".hd ul",
titOnClassName: "active",
autoPage: true,
effect: "fold",
trigger: "click",
// 设置每张图片的停留时间
pnLoop: [true, true, false],
startFun: function(i) {
jQuery(".hd li").eq(i).addClass("active").siblings().removeClass("active");
}
});
```
在这个示例中,`pnLoop` 参数的值为一个包含两个 `true` 和一个 `false` 的数组,这意味着图片 A 和 B 会循环播放,而图片 C 只会播放一次。
阅读全文