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

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -