Slideshow pour photos

le Ven Aoû 18, 2006 14:21

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

le Ven Aoû 18, 2006 14:46

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>

le Ven Aoû 18, 2006 15:58

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

le Ven Aoû 18, 2006 16:28

obi a écrit: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

le Ven Aoû 18, 2006 17:14

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

le Sam Aoû 19, 2006 5:37

Quelqu'un a une idée?

Merci

le Sam Aoû 19, 2006 13:49

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: Tout sélectionner: <body onload="document.getElementById('emplacement_image').innerHTML = document.getElementById('image1').innerHTML >

le Sam Aoû 19, 2006 14:05

Merci Obi, la première solution marche.

Merci infiniment

Slideshow pour photos

Slideshow pour photos

ok

une idée

cool

Formation recommandée sur ce thème :

Lectures recommandées sur ce thème :

Qui est en ligne