Slideshow pour photos

sim100 · 18 Août 2006

Bonjour
J'aimerais faire un truc comme ça

-http://www.chiangmaihouse.com/basket.asp?pid=1429&submit=Detail&pg=1&category=18

Si vous cliquer sur "More Photos Click Here"

Vous avez les vignettes et quand vous passez sur une vignette la grande photos s'affiche.

Regardez et vous comprendrez

Bref, existe-il un petit script Javascript ou php pour faire ça rapidement?

Merci beaucoup

sureau · 18 Août 2006

tu peux le faire de cette facon si tu n'as pas beaucoup d'images, car elles sont chargées meme si on les affiche pas.

<div id="image1" style="display:none"><img src="ton image1.jpg" /></div>
<div id="image2" style="display:none"><img src="ton image2.jpg" /></div>

<div id="emplacement_image"></div>

<a href="javascript:;" onmouseover="document.getElementById('emplacement_image').innerHTML = document.getElementById('image1').innerHTML">une miniature</a>

<a href="javascript:;" onmouseover="document.getElementById('emplacement_image').innerHTML = document.getElementById('image2').innerHTML">une miniature 2</a>

obi · 18 Août 2006

Dans un style assez proche lightbox.js est pas mal http://www.huddletogether.com/projects/lightbox/

Baronz · 18 Août 2006

obi a dit:
Dans un style assez proche lightbox.js est pas mal http://www.huddletogether.com/projects/lightbox/

En effet je l'utilise et il est vmt bien !
A savoir que phpmyvisites ne fonctionne pas avec et qu'il faut remplacer une ligne de code ... je sais plus laquelle

sim100 · 18 Août 2006

ok

Merci sureau
Ton script marche bien. Cela dit y a t-il moyen d'afficher par défaut la première image?
Car au début il n'y en a aucune grande jusqu'ç ce que je passe la sourie sur une des vignettes.

Merci

sim100 · 19 Août 2006

une idée

Quelqu'un a une idée?

Merci

obi · 19 Août 2006

Essaye de mettre directement l'image dans le div emplacement_image. Je ne sais pas si le innerHTML écrase le précédent, si ce n'est pas le cas fait plutôt comme ça dans ton tag body:

Code:

<body onload="document.getElementById('emplacement_image').innerHTML = document.getElementById('image1').innerHTML >

sim100 · 19 Août 2006

cool

Merci Obi, la première solution marche.

Merci infiniment