jQuery Zyklus-Plugin, wie ein aktives Klasse

Question

Beispiel hinzuzufügen: http://jsfiddle.net/kuTLf/

Code sieht wie folgt aus:

<div id="main"> 
     <div id="slideshow" class="pics"> 
      <div id="nav"></div> 
      <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" /> 
      <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" /> 
      <img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" /> 
     </div> 
</div> 

js:

$(function() { 
    $('#slideshow').cycle({ 
     fx:  'turnDown', 
     speed: 'fast', 
     timeout: 3000, 
     pager: '#nav', 
     slideExpr: 'img' 
    }); 
}); 

Wie kann ich aktuelle aktive Klasse zu aktuellen img hinzufügen ? wie >

Answer 1

$('#slideshow').cycle({ 
    after: function(el, next_el) { 
     $(next_el).addClass('active'); 
    }, 
    before: function(el) { 
     $(el).removeClass('active'); 
    } 
}); 

Answer 2

Hier ist eine schnelle demo zu wissen, welche aktiv ist.

function onAfter1(curr,next,opts) { 
    currentSlide = $(".thePager a.activeSlide").html(); 
    if(!currentSlide) currentSlide = "1"; 
    $('.slideCaption').html(currentSlide + '/' + opts.slideCount); 
}