Fonction un peu répétitive

Bonjour !

J'ai plusieurs sliders sur une même page. Je dois appeler une fonction pour chaque slider afin de les faire fonctionner.
Par exemple, pour le 1er slider:

Code:

---

1 2 3 4 5 6 7

jQuery(document).ready(function($) { $('#slider1').bjqs({ 'width' : 310, 'height' : 250, }); });

---

Code HTML:

Code:

---

1 2 3 4 5 6 7

<div class="slider" id="slider1"> <ul class="bjqs"> <li><img src="urlimage" /></li> <li><img src="urlimage" /></li> </ul> </div>

---

Mais si je veux faire fonctionner 24 sliders, il me faut écrire ce code 24 fois (puisque les id des sliders sont tous différents !)
Comment puis-je écrire une seule fois la fonction, pour qu'elle soit valide pour tous les sliders?

Merci !

En utilisant une classe commune : $( ".slider" ) ou si tous les ID commencent par "slider" : $( "[id^='slider']" ).

Dans les deux cas, il faut faire attention de ne pas réutiliser l'identifiant ailleurs.

ou mettre la liste des id dans le sélecteur

Code:

---

1 2 3 4 5

$('#slider1, #Slider2, #Slider3, #Slider4 ....').bjqs({ 'width' : 310, 'height' : 250, });

---

ou pour le fun ...

Code:

---

1 2 3 4 5 6 7 8 9

var sliders=[] for (i=1; i<25; i++) { sliders.push('#slider'+i) } var selector = sliders.join(', ') $(selector).bjqs({ 'width' : 310, 'height' : 250, })

---

Merci !