Изображение исчезает в режиме карусели (плагин jQuery Swiper)

Question

Изображение исчезает в режиме карусели (плагин jQuery Swiper)

0

Я использую плагин iDangero.us Swiper для слайдера для главной страницы, и у меня возникла особая проблема во всех браузерах. У меня есть 4 слайда (каждый из них - это div с фоновым изображением и некоторыми текстами и изображениями внутри), и все выглядит нормально, пока я не прокручу (или не нажмем кнопку "Далее"), чтобы перейти от последнего слайда к первому. Новый слайд выглядит полностью белым, и для его правильного отображения требуется небольшое перетаскивание.

Интересно, что это не происходит, если я прокручу назад (перетащите ползунок влево или нажмите кнопку "Назад").

Демонстрация здесь: https://dl.dropboxusercontent.com/u/13308449/design-boost/index.html

Что может вызвать такое поведение и как я могу его исправить?

parrker9 03 дек. 2013, в 17:29

Источник

0

Смахивая влево, я получаю только первые 4 деления. Скольжение вправо приносит 5-й, но последний остается только под window ... Все ваши вещи перепутаны!
SpYk3HH 03 дек. 2013, в 16:29
0

Ничего себе, это звучит странно. Как это даже становится ниже window ?
parrker9 03 дек. 2013, в 16:30
1

Я не уверен, так как я не знаком с этим конкретным плагином, но похоже, что последний div остается ниже предыдущих. Я предполагаю, что это некоторая проблема ширины контейнера, поэтому он перемещается на следующую строку, которая находится под window как все элементы div на весь экран
SpYk3HH 03 дек. 2013, в 16:31
1

Другими словами, это не совсем под window , я ошибся. Это просто ниже обертки заглушки слайдера со всеми остальными элементами. Кроме того, если я проведу снова, он начинается с 3-го деления, а не первого
SpYk3HH 03 дек. 2013, в 16:33
1

Да, если я сделаю вашу обертку больше, последний div появится просто отлично
SpYk3HH 03 дек. 2013, в 16:36
1

Я думаю, что нашел проблему. Если я уберу поле справа на видимых слайдах, все будет работать нормально. Как вы сказали, проблема была не в плагине, а в моем CSS. По-видимому, ширина контейнера вычисляется плагином, и он, вероятно, не учитывает поля слайдов (или что-то в этом роде), в результате чего контейнер будет меньше, чем должен быть. Спасибо за вашу помощь, это заставило меня посмотреть в нужном месте.
parrker9 03 дек. 2013, в 16:40

Показать ещё 4 комментария

Теги:

jquery

slider

swiper

1 ответ

Ещё вопросы

Смахивая влево, я получаю только первые 4 деления. Скольжение вправо приносит 5-й, но последний остается только под window ... Все ваши вещи перепутаны!
Ничего себе, это звучит странно. Как это даже становится ниже window ?
Я не уверен, так как я не знаком с этим конкретным плагином, но похоже, что последний div остается ниже предыдущих. Я предполагаю, что это некоторая проблема ширины контейнера, поэтому он перемещается на следующую строку, которая находится под window как все элементы div на весь экран
Другими словами, это не совсем под window , я ошибся. Это просто ниже обертки заглушки слайдера со всеми остальными элементами. Кроме того, если я проведу снова, он начинается с 3-го деления, а не первого
Да, если я сделаю вашу обертку больше, последний div появится просто отлично
Я думаю, что нашел проблему. Если я уберу поле справа на видимых слайдах, все будет работать нормально. Как вы сказали, проблема была не в плагине, а в моем CSS. По-видимому, ширина контейнера вычисляется плагином, и он, вероятно, не учитывает поля слайдов (или что-то в этом роде), в результате чего контейнер будет меньше, чем должен быть. Спасибо за вашу помощь, это заставило меня посмотреть в нужном месте.

parrker9 · Accepted Answer · 2013-12-03T13-43-00.000Z

Проблема заключалась в праве margin: 10px применяется к видимым слайдам, поэтому проблема была не в плагине, а в моем CSS. Извиняюсь.