图片在轮播模式下消失(jQuery Swiper插件) [英] Image disappears in carousel mode (jQuery Swiper plugin)

问题描述

我正在使用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插件)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！