Carousel Slick et centrage
Bonjour,
J'affiche sur ma page web une liste de noms sous la forme d'un carousel en utilisant:
http://kenwheeler.github.io/slick/
Le mot sélectionné est surligné d'une couleur.
Je souhaite avoir le mot sélectionné (courant) au centre et j'utilise donc l'option centerMode: true
Le problème est que lorsque je clique sur un mot, ma page est rechargée, mon script également mais le mot n'est pas centré...
Code Jquery:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
|
(function ($) {
function carousel(){
alert("carousel");
$('#list-categories-row1').slick({
slidesToShow: 10,
slidesToScroll: 1,
centerMode: true,
responsive: [
{
breakpoint: 768,
settings: {
centerMode: true,
slidesToShow: 2
}
}
]
});
}
$(document).ready(function() {
carousel();
});
})(jQuery); |
Le script carousel est bien rappelé une fois que le mot est cliqué mais c'est le 1er mot qui est tout de même placé au milieu.
Auriez-vous une idée de comment résoudre ce problème. Faut-il chercher à rajouter une classe à l'élément sélectionné?
Merci pour votre aide