Mettre différents conteneur sur coverflow
Bonjour,
J'ai crée un coverflow et je souhaite mettre différents thèmes.
J'ai donc ce code html
Code:
1 2 3 4 5 6 7
| <div id="coverflow">
<img src="http://placehold.it/350x350" />
<img src="http://placehold.it/350x350/E8117F/FFFFFF" />
<img src="http://placehold.it/350x350" />
<img src="http://placehold.it/350x350/E8117F/FFFFFF" />
<img src="http://placehold.it/350x350" /></div>
<script>$(function() { $('#coverflow').coverflow(); }); </script> |
Une fois modifié:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
|
<a href="#thème1">thème1</a> <a href="#thème 2">thème2</a>
...
<div id="thème1"><img src="http://placehold.it/350x350" />
<img src="http://placehold.it/350x350/E8117F/FFFFFF" />
<img src="http://placehold.it/350x350" />
<img src="http://placehold.it/350x350/E8117F/FFFFFF" />
<img src="http://placehold.it/350x350" /></div>
<script>$(function() { $('#coverflow').coverflow(); }); </script></div>
...
<div id="thème2"><img src="http://placehold.it/350x350" />
<img src="http://placehold.it/350x350/E8117F/FFFFFF" />
<img src="http://placehold.it/350x350" />
<img src="http://placehold.it/350x350/E8117F/FFFFFF" />
<img src="http://placehold.it/350x350" /></div>
<script>$(function() { $('#coverflow').coverflow(); }); </script></div> |
seulement je souhaiterai que les images du thème 2 apparaissent à la place du thème 1 quand on clique sur le lien. Là les photos s'affichent en bas.
Que dois-je ajouter?
De plus mon effet coverflow fonctionne pour mon 1er thème mais pas pour le 2eme? si vous pouvez m'éclairer?merci beaucoup...
Merci de votre aide
novis