bxslider infiniteloop scrolls left to first slide instead of right to loop -
i seem have problem haven't seen reproduced elsewhere.
we have slider on clients' site (www.laparksfoundation.org). have slider set infiniteloop = 1 (code below). issue, when slider reaches last slide doesn't continue right show first slide in series, rather, scrolls image image left until gets first 1 , starts again.
we've checked code , parameters seem ok, however, jumps first 1 rather scroll right create seamless loop.
the code below, helpful
$('.slider .bxslider').bxslider({ pager: false, auto: true, speed: 2000, pause: 12000, slideselector:'.slider .bxslider li', infiniteloop: true }); the images displayed in simple
<div class="slider"> <ul class="bxslider"> <li> <img1> <h2 class="txtimghome" id="slide353">enhance, expand, preserve , promote</h2> </li> <li> <img2> <h2 class="txtimghome" id="slide354">50 parks initiative, bringing parks neighborhood</h2> </li> </ul> </div> how make when reach last image on set, next image first 1 , when i'm on first 1 , click left last image shows without having slider scroll way back?
i had similar problem , solved using older jquery library.
using v1.11.0 , switched v1.10.0 , worked perfectly.
you can load jquery v1.10.0 google this:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
Comments
Post a Comment