add class to links of active slides in jquery cycle plugin -
i want add class current slide's link. javascript code
$(document).ready (function() { $('#slideshow').cycle({ fx: 'fade', speed: 500, timeout: 1000, pause: 1, cleartype: true, cleartypenobg: true, pager: '#forpager', pageranchorbuilder: function(idx, slide) { return '#forpager li:eq(' + (idx) + ')'; } }); $('#forpager ul li a').click(function(){ $('#forpager ul li a').removeclass("active"); $(this).addclass("active"); }); });
and html code slideshow is
<div id="forslideshow"> <div id="slideshow"> <div class="image"> <center><img src="images/pic1.jpg" alt="renny"/></center> </div> <div class="image"> <center><img src="images/pic2.jpg" alt="giselle"/></center> </div> <div class="image"> <center><img src="images/pic3.jpg" alt="emma goldman"/></center> </div> </div> <div id="forpager"> <ul> <li ><a href="#"><img src="images/menupic.png"/></a></li> <li ><a href="#"><img src="images/menupic.png"/></a></li> <li ><a href="#"><img src="images/menupic.png"/></a></li> </ul> </div> </div>
problem code when click on particular link slide comes , link has active class else slides cycle corresponding links not don't have active class. can give me code can add/change class of links slide show starts , when not clicking on links.
the following code working. use updateactivepagerlink function before applying cycles.
$(document).ready (function() { $.fn.cycle.updateactivepagerlink = function(pager, currslideindex) { $(pager).find('li').removeclass('active') .filter('li:eq('+currslideindex+')').addclass('active'); }; $('#slideshow').cycle({ fx: 'fade', speed: 500, timeout: 1000, pause: 1, cleartype: true, cleartypenobg: true, pager: '#forpager', pageranchorbuilder: function(idx, slide) { return '#forpager li:eq(' + (idx) + ')'; } });
Comments
Post a Comment