Bonjour tout le monde,

Je suis actuellement en train de travailler sur un projet web et je suis bloqué. Mon problème est le suivant, je dois créer un slideshow avec un nombre d'éléments variable.

En gros, mon slideshow, créé avec jquery, fonctionne avec les div suivantes :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
<div id="slide1" class="slide">
    <div id="element1"></div>
    <div id="element2"></div>
    <div id="element3"></div>
</div>
<div id="slide2" class="slide">
    <div id="element4"></div>
    <div id="element5"></div>
    <div id="element6"></div>
</div>
(c'est donc un slideshow avec plusieurs éléments affichés en une fois)

Les différents éléments (element1, 2 etc.) peuvent être présent ou pas (display:none). Mon problème est le suivant, j'aimerais encadrer mes div elementx automatiquement suivant s'ils sont affichés ou non. Donc concrètement, il faudrait que le code javascript compte 3 éléments :visible puis qu'il encadre le contenu de <div id="slidex" class="slide"></div>
J'ai pensé à
Code : Sélectionner tout - Visualiser dans une fenêtre à part
$("#elementx").wrap("<div id='slidex' class='slide'></div>");
mais comment lui dire d'encadrer plusieurs éléments?

D'avance merci,

Kahndryl