kenwheeler/slick comment obtenir de la diapositive actuelle comme un dom ou un objet jquery?

À l'aide de slick, j'ai un simple carrousel le long des lignes de:

<div class="carousel">
  <div class="image"><img src="http://path/to/image.jpg" data-caption="Caption 1"></div>
  <div class="image"><img src="http://path/to/image2.jpg" data-caption="Caption 2"></div>
  <div class="image"><img src="http://path/to/image3.jpg" data-caption="Caption 3"></div>
</div>

Je suis de l'initialisation du carrousel avec un onAfterChange fonction de tenter de mettre à jour la légende dans une autre div, mais je suis un peu confus sur la façon d'obtenir ce div comme un dom ou un objet jquery?

$('.carousel').slick({
  lazyLoad: 'progressive',
  onAfterChange: function(slider,index){
    console.log(???);
  }
});

slider retourne le carrousel de l'objet et index renvoie la diapositive en cours.

Comment pourrais-je obtenir le data-caption valeur de cette?

OriginalL'auteur waffl | 2014-12-05