Discussion :

[levirus93700]

Salut
Je voudrais savoir comment faire pour faire une sorte de galerie d'images comme sur ce site. En bas a gauche vous pourrez trouver une galerie est quand on on passe la souris dessus l'image s'agrandit.
Voila

[Matthieu2000]

click droite, affiche source, copier/coller...(ou enregistre sous)

[levirus93700]

click droite, affiche source, copier/coller...(ou enregistre sous)

Ca me donne ca:

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
<h2>Galerie photo</h2>        
        <ul>
         <li id="gallery-1"><a href="/fr/News/105002/Photos/16705/Fin-de-la-seance"><img src="http://s.psg.fr/psg/image/phototheque/m/84/16705.jpg" alt="Fin de la séance" title="Fin de la séance" /></a></li>
         <li id="gallery-2"><a href="/fr/News/105002/Photos/16704/Photo"><img src="http://s.psg.fr/psg/image/phototheque/m/84/16704.jpg" alt="Photo" title="Photo" /></a></li>
         <li id="gallery-3"><a href="/fr/News/105002/Photos/16703/Pancrate"><img src="http://s.psg.fr/psg/image/phototheque/m/84/16703.jpg" alt="Pancrate" title="Pancrate" /></a></li>
         <li id="gallery-4"><a href="/fr/News/105002/Photos/16702/Colleu"><img src="http://s.psg.fr/psg/image/phototheque/m/84/16702.jpg" alt="Colleu" title="Colleu" /></a></li>
         <li id="gallery-5"><a href="/fr/News/105002/Photos/16701/Hoarau"><img src="http://s.psg.fr/psg/image/phototheque/m/84/16701.jpg" alt="Hoarau" title="Hoarau" /></a></li>
         <li id="gallery-6"><a href="/fr/News/105002/Photos/16700/Opposition"><img src="http://s.psg.fr/psg/image/phototheque/m/84/16700.jpg" alt="Opposition" title="Opposition" /></a></li>
         <li id="gallery-7"><a href="/fr/News/105002/Photos/16699/Abdos"><img src="http://s.psg.fr/psg/image/phototheque/m/84/16699.jpg" alt="Abdos" title="Abdos" /></a></li>
         <li id="gallery-8"><a href="/fr/News/105002/Photos/16698/Ngoyi"><img src="http://s.psg.fr/psg/image/phototheque/m/84/16698.jpg" alt="Ngoyi" title="Ngoyi" /></a></li>
         <li id="gallery-9"><a href="/fr/News/105002/Photos/16697/Arnaud"><img src="http://s.psg.fr/psg/image/phototheque/m/84/16697.jpg" alt="Arnaud" title="Arnaud" /></a></li>
         <li id="gallery-10"><a href="/fr/News/105002/Photos/16696/Traore"><img src="http://s.psg.fr/psg/image/phototheque/m/84/16696.jpg" alt="Traoré" title="Traoré" /></a></li>
         <li id="gallery-11"><a href="/fr/News/105002/Photos/16695/Haies"><img src="http://s.psg.fr/psg/image/phototheque/m/84/16695.jpg" alt="Haies" title="Haies" /></a></li>
         <li id="gallery-12"><a href="/fr/News/105002/Photos/16694/Sprint"><img src="http://s.psg.fr/psg/image/phototheque/m/84/16694.jpg" alt="Sprint" title="Sprint" /></a></li>
        </ul>
        <a class="see-all" href="/fr/News/105001/Photos">Toutes les photos</a>
       </div>

[Bovino]

Non, ça c'est ce que tu retiens... il y a aussi beaucoup de javascript et c'est plutôt là que tu trouveras la solution.

[levirus93700]

Non, ça c'est ce que tu retiens... il y a aussi beaucoup de javascript et c'est plutôt là que tu trouveras la solution.

C'est-a-dire?

[Bovino]

C'est-à-dire que ce que tu montres, ce sont les images, or ce que tu souhaites, c'est quel traitement est affecté à ces images pour obtenir le diaporama. Cela est traié en javascript, il faut donc que tu t'inspires du javascript dans le code source pour pouvoir faire quelquechose de semblable !