问题描述
我正在使用iDangero.us Swiper插件作为主页滑块,并且在所有浏览器中都遇到了一个特殊的问题.我有4张幻灯片(每张都是一个div,里面有背景图片以及一些文本和图像),直到我滑动(或单击下一步"按钮)从最后一张幻灯片转到第一张幻灯片之前,所有幻灯片看起来都很好.新幻灯片显示为全白色,只需轻轻拖动即可使其正确显示.
I am using iDangero.us Swiper plugin for homepage slider, and I encountered a peculiar problem in all browsers. I have 4 slides (each is a div with a background image and some text and images inside), and all looks fine until I swipe (or click the Next button) to go from the last slide to come to the first one. The new slide appears totally white, and it only takes a slight dragging to make it appear properly.
有趣的是,如果我向后滚动(将滑块拖动到左侧或单击后退"按钮),则不会发生这种情况.
Interestingly, this does not happen if I scroll backwards (drag the slider to the left or click the Back button).
演示在这里: https://dl.dropboxusercontent.com /u/13308449/design-boost/index.html
什么可能导致此行为,我该如何解决?
What might cause this behaviour and how can I fix it?
推荐答案
问题出在margin-right上:将10px应用于可见的幻灯片,因此问题不在插件中,而在我的CSS中.抱歉.
The problem was with the margin-right: 10px being applied to visible slides, so the problem was not in the plugin, but my CSS. Apologies.
这篇关于图片在轮播模式下消失(jQuery Swiper插件)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!