Проблема с jQuery bxslider: ВСЕ изображения видны при скольжении/анимации в Firefox Mobile

Я использую jquery с bxslider для создания очень простого слайдера, и он отлично работает на рабочем столе, но когда я просматриваю его на Firefox Mobile (Android), я могу видеть все изображения, поскольку они анимируются и прокручиваются ( когда, очевидно, я хочу видеть только одно изображение).

Код прост:

<div class="slideshow">
    <div class="left"></div>
    <div class="bxslider">
        <li><a href=""><img src="./images/1.jpg" /></a></li>
        <li><a href=""><img src="./images/2.jpg" /></a></li>
        <li><a href=""><img src="./images/3.jpg" /></a></li>
    </div>
    <div class="right"></div>
</div>

Разделы .left, .right — это стрелки (элементы управления) для ползунка.

Ширина слайдера и изображения правильные.

Все три элемента (ползунок и элементы управления) перемещаются влево и содержатся в контейнере, который имеет margin: 0 auto для центрирования.

Больше ничего необычного не происходит, но это сводит меня с ума.


javascript html jquery css bxslider
person WackGet    schedule 07.10.2013    source источник
comment
Можете ли вы создать jsFiddle для этого?   -  person Kuldeep Daftary    schedule 07.10.2013

Ответы (1)


arrow_upward
0
arrow_downward

Он отлично работает, когда на странице всего несколько ползунков; Я понимаю, что это просто проблема с рендерингом из-за того, что bxSlider имеет слишком много ползунков на одной странице, и мало что можно сделать, чтобы избежать этого.

person WackGet    schedule 27.10.2013