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:
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.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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);
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
Partager