Liaison de deux ou plusieurs unités de défilement avec les outils jQuery

Question

J'ai une fonctionnalité de défilement simple qui fait simplement défiler les images dans un conteneur.

Sur la droite de ce conteneur, j'ai un second défilement qui affiche des informations sur ces images. Si je clique sur le lien suivant, je veux que ces deux scrollables passent à l'élément suivant (la boîte d'image à l'image suivante et la boîte d'information à l'infoblock suivant).

Comment puis-je y parvenir? Est-il possible de relier les deux scrollables aux mêmes boutons "prev" et "next"?

Answer 1

Parfois, c'est plus facile qu'il n'y paraît à première vue. C'est suffisant, si les deux Scrollables sont dans le même mutual wrapper element. Ils utilisent tous deux les mêmes boutons prev et next automatiquement. Donc, en cliquant sur l'un d'eux, tous les Scrollables défilent toujours dans le même conteneur.

Il suffit de les initialiser Scrollables comme:

$("#imagecontainer").scrollable(); 
$("#textcontainer").scrollable();