FlexSlider après l’événement ne se déclenche pas (ou n’est pas correctement formé)

J’utilise Flexslider pour animer une série de diapositives défilantes. Cela fonctionne bien et fonctionne bien. Ce que je veux maintenant faire, c’est utiliser le rappel «après:» pour disparaître dans le titre de la diapositive. En termes d’ordre d’exécution, cela ressemblerait à ceci:

  1. La diapositive (contenant une image d’arrière-plan) apparaît en fondu.
  2. Pause (1 seconde).
  3. Le titre apparaît.

J’utilise la fonction suivante à côté de l’événement ‘après:’ et vous ne le sauriez pas, cela ne fonctionne pas. Le titre a été configuré pour afficher: aucun; mais ne montre jamais (et oui, mon timing est bon).

after: function(){$('.headline').fadeIn(500);}, 

HTML:

 
  • Headline text goes here
  • Des conseils seraient appréciés.

    Merci, @rrfive

    vous avez manqué l’object ‘curseur’ dans votre appel de fonction:

     after: function(slider){ //do your stuff here } 

    Il est également nécessaire de spécifier lequel des éléments .headline vous souhaitez fondre de cette manière:

     after: function(slider){ curSlide = slider.slides[slider.currentSlide]; $(curSlide).find('.headline').fadeIn(500); } 

    Consultez les documentations données par les gars de Woothemes, vous trouverez tout ce dont vous avez besoin. Si vous avez des problèmes, répondez ici. Meilleures salutations