jquery - Matching rotating highlighted arrow divs -
using images in custom javascript jquery code display on page
you can through plugin using dots
property. i'm aware doesn't work initial slide. have wait go next slide work.
http://codepen.io/anon/pen/gbzeaz
$(function() { $('.banner').unslider( { speed: 500, // speed animate each slide (in milliseconds) delay: 5000, dots:true, complete:function () { var index = $('#hp-banner .dot.active').index (); $('#hp-banner-right li').removeclass ('active').eq (index).addclass ('active'); } } ); });
enabling dots add dots slider can click go specific slides. current dot have active
class. can use complete
callback find out index active dot is, give corresponding banner link appropriate class.
i found method in issue. https://github.com/idiot/unslider/issues/168
Comments
Post a Comment