自定义jCarousel在单击寻呼机元素时会产生奇怪的循环效果

时间:2012-08-29 16:16:19

标签: jquery html css jcarousel

好的,我会尽可能简单地解决这个问题:

1)查看此页面并查看轮播:

http://www.powellcreative.com/clients/StansellHealth/

2)jCarousel设置为圆形,只有3张幻灯片,并从第5张幻灯片开始(第2张幻灯片,它的第2个实例[所以它会阻止任何空白]

3)这里看起来很棒,如果你点击寻呼机上的“1”就行了。

4)如果你通过点击“3”开始,旋转木马就像它应该移动一样,但是在动画停止后左侧幻灯片动态变为幻灯片“4”(这是不正确的,它应该保持在幻灯片“5”因为你目前正在幻灯片“6”)

5)如果您通过单击“1”开始,然后单击寻呼机中的任何其他数字,则左侧幻灯片将始终动态更改为幻灯片“6”,而不是您单击项目之前的真实上一张幻灯片。

我在这里做错了什么?

1 个答案:

答案 0 :(得分:0)

对于这么简单的任务听起来很混乱,哈哈!

听起来我觉得你正试图用一把螺丝刀将钉子钉在一块木头上。有一个更好的办法。我建议你看一下像Revolver.js这样的东西。它不是内容滑块,更像是构建滑块的框架。这就是你想要做的事情。

我意识到你并没有特别要求提供替代解决方案,但我对此建议表示强烈反应并认为这对您有很大帮助。

免责声明:我是Revolver.js的首席开发人员,虽然推荐我制作的东西可能是一点点自私(但它确实如此),我仍然觉得它很好适合你。这就是我首先开始这个项目的原因。所以请原谅无耻的插头。 :)