jquery - Slick.js autoplay carousel bounces the last slide, then bounces back to the correct slide -
i using slick.js carousel autoplay configuration in .net site. on last slide, bounces previous slide second. afterwards, bounces right correct slide.
preconditions: files , libraries included should according slick.js , other q&a's in site
what checked:
removing / altering autoplayspeed
adding dots
- increasing / decreasing slides amount
- implementing in mobile site (works great)
- adding infinity set true (it default value anyways)
- removing onerror function
- changing "homecarousel" class name
results: when autoplayspeed short(1000) - bounces front , no visible systematization
markup:
<div class="homecarousel"> <div> <a href="/article/qa%20article%20friendly%20name%20"> <img alt="first image main ban\dsvfner " data-alt-source="homepage/fbbg.jpg?v=0" onerror="javascript:common.imagelink.replacesourceonerror()" src="http://az742468.vo.msecnd.net/images/homepage/fbbg.jpg?v=0"> </img> </a> </div> <div> <a href="/article/ufo%20kfir"><img alt="third image main banner " src="http://az742468.vo.msecnd.net/images/homepage/kids_main_mnn_mnn.jpg?v=0"> </img> </a> </div> <div> <a href="/article/acdascd"><img alt="fifth image main banner " src="http://az742468.vo.msecnd.net/images/homepage/fathers_day_2015_main_mnn1.jpg?v=0"> </img> </a> </div> </div>
js (in file, bundle):
$(document).ready(function() { homecarousel.init(); }); homecarousel.init = function () { if ($('.homecarousel')) { $('.homecarousel').slick({ slidestoshow: 1, slidestoscroll: 1, autoplay: true, autoplayspeed: 2500, infinite: true, pauseonhover: true }); } };
this happen if set transition on slick element when slick tries show correct slide transition set interfering.
i "transition: xxs" not related slick
Comments
Post a Comment