javascript - Issue with jQuery bxslider: ALL images are visible when sliding/animating on Firefox Mobile -
i'm using jquery bxslider create simple slider, , works fine on desktop, when view on firefox mobile (android), i'm able see images being animated , scrolling (when, obviously, want see 1 image).
the code simple:
<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>
the .left
, .right
divs arrows (controls) slider.
the widths of slider , images correct.
all 3 elements (slider , controls) floated left , contained within container has margin: 0 auto
center it.
nothing else unusual going on, it's driving me crazy.
it works fine when there few sliders on page; gather rendering issue bxslider having many sliders on same page , not can done avoid it.
Comments
Post a Comment