Discussion :

[soeursourire]

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 :

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);

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

[soeursourire]

La solution que j'ai pu trouver: à chaque rechargement de la page, je mets le mot sélectionné en 1ère position de la liste et comme cela il reste centré...
Par contre c'est pas terrible avec une liste d'années qui ne sont pas triées par ordre croissant du coup...:-(