Comment ajouter des déclencheurs à un curseur (flexslider) sans changer de base script jQuery?

Je suis face à une situation où je dois mettre le feu à un événement lorsqu'une diapositive changements cependant, mon curseur ne prend pas en charge cette. À la fois avant et après sont pris en charge ( http://www.woothemes.com/flexslider/#highlighter_298 )

Est-il un moyen qui me permet de feu d'une fonction lorsque la diapositive changements?

Voici l'url de démo curseur:
http://flexslider.woothemes.com/thumbnail-slider.html

    $(window).load(function() {
      //The slider being synced must be initialized first
      $('#carousel').flexslider({
        animation: "slide",
        controlNav: false,
        start: function(){},            //Callback: function(slider) - Fires when the slider loads the first slide
        before: function(){},           //Callback: function(slider) - Fires asynchronously with each slider animation
        after: function(){},            //Callback: function(slider) - Fires after each slider animation completes
        animationLoop: false,
        slideshow: false,
        itemWidth: 210,
        itemMargin: 5,
        asNavFor: '#slider'
      });

      $('#slider').flexslider({
        animation: "slide",
        controlNav: false,
        animationLoop: false,
        slideshow: false,
        sync: "#carousel"
      });
    });

Dans mes photos, j'ai l'attribut rel que je voudrais utiliser lorsqu'une diapositive active est (.flex-active-diapositive est ajoutée à la diapositive active).

<div class="flexslider">
  <ul class="slides">
    <li rel="divid1" class="flex-active-slide">
      <img src="slide1.jpg" />
    </li>
    <li rel="divid2">
      <img src="slide2.jpg" />
    </li>
    <li rel="divid3">
      <img src="slide3.jpg" />
    </li>
    <li rel="divid4">
      <img src="slide4.jpg" />
    </li>
    <!-- items mirrored twice, total of 12 -->
  </ul>
</div>

Disposition actuelle (avant: et après:) vous permet de récupérer l'attribut rel de la lame avant de la diapositive active. Est-il un moyen pour obtenir l'attribut rel de la diapositive active?

OriginalL'auteur vDog | 2013-10-05

  1. 10

    La before ou after rappels vous permettent de lier une fonction à l'événement, où l'animation de début ou de fin. Donc, si vous voulez obtenir de l'attribut rel de la diapositive active après le glissement de l'animation est terminée, vous pouvez l'appeler comme si.

    $('#slider').flexslider({
    animation: "slide",
    controlNav: false,
    animationLoop: false,
    after: function(){
        var active_rel = $(this).find('.flex-active-slide').attr('rel');
        //do something
    },
    slideshow: false,
    sync: "#carousel"
});

    OriginalL'auteur DGS