Utilisez la propriété selector de Flexslider pour ignorer certaines diapositives dans l’ordre décroissant du DOM.

Pourquoi ne puis-je pas utiliser correctement la propriété “sélecteur” de Flexslider lorsque je cible des diapositives qui ne sont pas les unes après les autres dans l’ordre DOM?

En gros, j’ai découvert que cibler .testA fonctionnerait alors que cibler .testB , .testC ou .testD échouerait .

 

Si vous ne le faites pas ici, cela signifie qu’il s’affiche correctement au début, mais si vous cliquez sur la dernière diapositive du carrousel de navigation pour les vignettes, vous verrez défiler “rien” (fond blanc) …

Voici le JSFiddle , qui est une copie de l’exemple d’implémentation officiel du curseur miniature (lien inclus dans le violon) auquel j’ai ajouté des classes et un sélecteur personnalisé. Pour vérifier les différentes options de ciblage, vous pouvez append une marque de commentaire au paramètre de sélecteur actuel dans la fenêtre JS et la supprimer de la suivante, à la fois pour les #slider et #carousel .