problème de transition fade avec orbit slider

J’ai voulu utiliser orbit slider, le slider de foundation en mode de transition fade mais j’ai eu un problème de flickering lors de la boucle qui renvoie la dernière photo du slide vers la premiere photo.

Pour corriger ce bug il faut aller dans foundation.css et modifier la valeur de « z-index »dans le paragraphe suivant (ligne 2252 chez moi):

.orbit-container .orbit-slides-container.fade > li.animate-in {
opacity: 1;
z-index: 20;  ←il faut mettre z-index a 10

 

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>