Bonjour,
J'utilise 2 plugins jQuery : Flexslider (carrousel animé) et ScrollReveal (animation qui se déclenche dès qu'un élément apparaît au scroll).
Je me suis rendu compte d'un conflit mais je n'arrive pas à comprendre pourquoi cela se produit :
Lorsque j'insère ScrollReveal sur n'importe quelle page, l'animation d'un élément (s'il est déjà visible) se lance dès le chargement de la page.
Mais quand je suis sur une page contenant mon flexslider, l'animation Scroll ne se déclenche que lorsque je touche à ma molette souris.
Dès que je retire le carrousel Flexslider, ou que je retire la ligne javascript correspondant à ce carrousel, alors là plus de problème.
Extrait de mon code :
window.sr = ScrollReveal({delay : 300});
sr.reveal('.anim');
$('.flexslider').flexslider({
animation: "slide",
slideshowSpeed: 3000,
});
Pouvez-vous m'aider SVP ? Quelle est la cause du conflit ?
Perspikas