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

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

c# - Copy ObservableCollection to another ObservableCollection -

All overlapping substrings matching a java regex -