2015-11-12 37 views
0

我使用Prototype.js构建了一个图像旋转木马 - 是的,我知道它已经过时,并且有一百万个jQuery轮播,但是我们的平台有很多原型代码我们无法升级。无法解决旋转木马上的问题

传送带非常有效,但有一个错误,我找不出来。单击下一步按钮总是完美地滑动下一个图像,但单击“上一个”按钮有时会起作用。之前的图像总是被预先考虑到开始,但动画中的滑动并不总是会发生。

当接着被按压通过它使用margin-left所以它滑出的视图,它然后附加到队列的末尾的宽度,并具有它的保证金左复位为0。

当上一页第一滑动偏移被按下时,最后一张幻灯片被预置在队列的前面,然后使用它的宽度向左偏移,然后通过消除偏移量滑入到位。

Here's a fiddle任何帮助将是非常赞赏

我认为这个问题是,有时这重置最后一张幻灯片利润率左为0,它被抵消之前被称为功能,所以它只是出现在前面。

+0

对我来说它工作正常(在Safari上),实际上下一个似乎没有包括完整的图像,但prev确实如此。 –

+0

我在Chrome上进行测试,有趣的是,它不会在Safari上发生。下一张图片较小,容器尺寸仍然相同 – Pixelomo

回答

1

事实证明,解决这个问题非常简单,我将幻灯片切换的时间从0.5秒改为1秒,并且错误消失了。仍然不是100%确定的原因,但我认为,与以前的幻灯片相比,动画制作上一张幻灯片需要更长的时间,因此需要多一点时间才能赶上自己以避免摔倒。