好的,我会尽可能简单地解决这个问题:
1)查看此页面并查看轮播:
http://www.powellcreative.com/clients/StansellHealth/
2)jCarousel设置为圆形,只有3张幻灯片,并从第5张幻灯片开始(第2张幻灯片,它的第2个实例[所以它会阻止任何空白]
3)这里看起来很棒,如果你点击寻呼机上的“1”就行了。
4)如果你通过点击“3”开始,旋转木马就像它应该移动一样,但是在动画停止后左侧幻灯片动态变为幻灯片“4”(这是不正确的,它应该保持在幻灯片“5”因为你目前正在幻灯片“6”)
5)如果您通过单击“1”开始,然后单击寻呼机中的任何其他数字,则左侧幻灯片将始终动态更改为幻灯片“6”,而不是您单击项目之前的真实上一张幻灯片。
我在这里做错了什么?
答案 0 :(得分:0)
对于这么简单的任务听起来很混乱,哈哈!
听起来我觉得你正试图用一把螺丝刀将钉子钉在一块木头上。有一个更好的办法。我建议你看一下像Revolver.js这样的东西。它不是内容滑块,更像是构建滑块的框架。这就是你想要做的事情。
我意识到你并没有特别要求提供替代解决方案,但我对此建议表示强烈反应并认为这对您有很大帮助。
免责声明:我是Revolver.js的首席开发人员,虽然推荐我制作的东西可能是一点点自私(但它确实如此),我仍然觉得它很好适合你。这就是我首先开始这个项目的原因。所以请原谅无耻的插头。 :)