Version complète: sur le forum Webmaster Hub : systeme de galerie photo qui change au passage de la souris
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > Scripts et utilitaires
nofear
Bonjour

je cherche un systeme de galerie photo comme celui ci exemple galerie

cad mes images reduites à gauche et au passage de la souris sur celles-ci, la photo en plus grand a droite

merci d'avance
xunil
C'est super!

Il faut probablement chercher dans les scripts Ajax plutôt que dans les CMS.
Leonick
Même si dans cette page c'est fait avec du js et des tableaux, il est largement possible de le faire uniquement avec du css, exemple http://www.vehicules-occasions.online-idf....-st-955955,,338 et c'est même valide xhtml strict
nofear
CITATION(Leonick @ mardi 2 octobre 2007 à 00:43) *
Même si dans cette page c'est fait avec du js et des tableaux, il est largement possible de le faire uniquement avec du css, exemple http://www.vehicules-occasions.online-idf....-st-955955,,338 et c'est même valide xhtml strict



merci

ou puis je trouver ce genre de script?

merci à vous
nofear
merci,

j'ai regarde mais je ne trouve pas les sources pour le realiser

merci
Vap
Ce n'est pas du Ajax, mais un usgae très simple de javascript (Ajax c'est javascript plus des chargements asynchrones). Dans la page que tu donne en exemple, les images sont toutes chargées au début du chargement de la page.

Ensuite, le système est très simple. Regardons un lien de la page:
CODE
<a href="#" onMouseOut="galbig.src=image1o.src" onMouseOver="galbig.src=image1r.src"><img src="images/img_gal11a.jpg" name="gal01" width="84" height="69" border="0"></a>


Le lien a pour image
CODE
images/img_gal11a.jp


Quand on passe dessus, javascript met l'image
CODE
image1o.src
dans l'élément affiché sur la droite de la page. Quand on sort, il remet une image ar défaut qui se fond dans le fond de la page.

C'est TOUT.

Pour comprendre comment ça marche, je conseille le chapitre 4 du livre Dom Scripting, en anglais malheureusement.

Vap
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.