Script Galerie dynamique (Urgent)
RallyeSud
Messages postés
5
Statut
Membre
-
RallyeSud Messages postés 5 Statut Membre -
RallyeSud Messages postés 5 Statut Membre -
Bonjour,
je viens ici pour vous demander de l'aide, je voudrais faire une sorte de galerie de News comme sur ce site :
www.om.net
(je voudrais avoir une petit vignette et lorsque le visiteur pointe la souris dessus, on verrai une image plus grande s'afficher vers la droite ou vers la gauche!!)
si quelqu'un a un script qui permettrait de faire la meme chose que sur le site de l'om
ça serait genial
++
je viens ici pour vous demander de l'aide, je voudrais faire une sorte de galerie de News comme sur ce site :
www.om.net
(je voudrais avoir une petit vignette et lorsque le visiteur pointe la souris dessus, on verrai une image plus grande s'afficher vers la droite ou vers la gauche!!)
si quelqu'un a un script qui permettrait de faire la meme chose que sur le site de l'om
ça serait genial
++
Configuration: Windows Vista Internet Explorer 7.0
4 réponses
-
j'ai testé pas mal de chose, je suis arrivé à faire la galerie
j'ai une autre question, je voudrais avoir un effet de fondu sur la grande image lorsque le curseur de la souris est sur la petite vignette ...
Voici mon code Html, la galerie fonctionne !!<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>100% Rallye Wrc, Nationaux, Régionaux</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script> /*Rollover effect on different image script- By JavaScript Kit (http://javascriptkit.com) Over 200+ free scripts here! */ function changeimage(towhat,url){ if (document.images){ document.images.targetimage.src=towhat.src gotolink=url } } function warp(){ window.location=gotolink } </script> <script language="JavaScript1.1"> var myimages=new Array() var gotolink="#" function preloadimages(){ for (i=0;i<preloadimages.arguments.length;i++){ myimages[i]=new Image() myimages[i].src=preloadimages.arguments[i] } } preloadimages("../test/1000.jpg","../test/2000.jpg","plane3.gif","plane4.gif") </script> </head> <body> <table><tr><td> <a href="#" onMouseover="changeimage(myimages[0],this.href)"><img src="../test/1001.jpg" border=0 alt="" /></a><br> <a href="#" onMouseover="changeimage(myimages[1],this.href)"><img src="../test/2001.jpg" border=0 alt="" /></a><br> <a href="#" onMouseover="changeimage(myimages[0],this.href)"><img src="../test/1001.jpg" border=0 alt="" /></a><br> <a href="#" onMouseover="changeimage(myimages[1],this.href)"><img src="../test/2001.jpg" border=0 alt="" /></a><br> </td><td> <a href="#"><img src="../test/1000.jpg" name="targetimage" border=0></a></tr></td></table> </body> </html>
-
Salut,
On peut afficher/cacher les objets d'une page web :
Modifier la visibilité des objets en DHTML : http://www.trucsweb.com/Tutoriels/DHTML/tw279/
L'exemple de cette page est donné avec un simple lien, on peut tout simplement mettre une image en lien pour afficher/cacher un objet.
Dans la page d'accueil de www.om.net, la colonne à droite est composé d'image. La zone d'affichage est composé d'un nombre d'objets superposés.
Voir aussi : http://www.editeurjavascript.com/ >>> scripts >>> Images >>> Rollover
En espérant être clair. -
merci pour vos précisions
je vais tester ceci dans la journée, et je vous tiendrais au courant ;) -
bonjour, voici un script qui fonctionne parfaitement et qui est très simple à utiliser :
fais une recherche sur GOOGLE pour le télécharger avec "Album photos express V 1.2.2" ...
