好的,我会尽可能简单地说明这一点:
1) 查看此页面并查看轮播:
http://www.powellcreative.com/clients/StansellHealth/
2) jCarousel 设置为圆形,只有 3 张幻灯片,并从第 5 张幻灯片开始(第 2 张幻灯片,它的第 2 个实例 [因此它会防止任何空白]
3) 它在这里看起来很棒,如果您单击寻呼机上的“1”,它就可以正常工作。
4) 但是,如果您通过单击“3”开始,轮播将像它应该的那样移动,但是在动画停止后左侧幻灯片动态更改为幻灯片“4”(这是不正确的,它应该停留在幻灯片“5”上因为你目前在幻灯片“6”)
5) 如果您通过单击“1”开始,然后单击寻呼机中的任何其他数字,则左侧幻灯片将始终动态更改为幻灯片“6”,而不是您单击元素之前的真实上一张幻灯片。
我在这里做错了什么?
最佳答案
这么简单的任务听起来很困惑,哈哈!
在我看来,您好像在尝试使用 Screwdriver 将钉子敲入一 block 木头。有一个更好的办法。我建议看一下类似 Revolver.js 的内容.它不是内容 slider ,更像是构建 slider 的框架。这就是您在这里尝试做的事情。
我知道您并没有特别要求替代解决方案,但我对这个建议有强烈的感觉,并认为它可能对您有很大帮助。
免责声明:我是 Revolver.js 的首席开发人员,虽然推荐我制作的东西可能有点自私,但我仍然认为它是一个好东西适合你。这就是我首先启动该元素的原因。所以请原谅无耻的外挂。 :)
关于jquery - 单击寻呼机元素时,自定义 jCarousel 会导致奇怪的循环效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12182258/