Easy Slider 1.7 - 显示下一个数字幻灯片

时间:2010-06-10 16:20:54

标签: jquery

我正在使用Easy Slider 1.7 - jQuery插件并进行了许多修改。我的滑块包含7张幻灯片,数字导航以及下一个和上一个箭头。唯一的问题是数字导航。例如,当您在幻灯片1上并单击幻灯片5时,所有幻灯片将逐个滚动。我无法修改代码,因此无论您使用哪张幻灯片,当您点击另一张幻灯片时,它都是下一张幻灯片。

此处示例:http://www.weiserwebworld.com/slider.html

1 个答案:

答案 0 :(得分:0)

我不确定你的意思 - 如果你担心从一个循环到下一个循环,那么你需要改进你的元素组织......比如

  • 隐藏所有元素(除了绝对位于相对容器中) 可见(比如说#1)
  • 用户点击幻灯片#4,所以放置#4 当前右边的元素 格
  • 滑过
  • 隐藏幻灯片#1

即,如果您的容器宽度为500px

<div id="container" style="Width:500px; position:relative;" />

所有幻灯片都隐藏着绝对的幻想。

当您为幻灯片设置动画时,请将其放置在左侧:501px;并将其左侧动画设置为0.同时,将当前幻灯片的左侧设置为-500,然后将其隐藏。您可以决定幻灯片是否在之前(较低的索引/数字)以反转动画。

如果您只是担心从幻灯片1到4获取所需的时间,请将速度保持恒定,以便从一个到另一个一直需要X时间