图像在轮播模式下消失(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屋！