Script Galerie dynamique (Urgent)

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

++
A voir également:

4 réponses

RallyeSud Messages postés 5 Statut Membre 1
 
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>

1
amjahed Messages postés 350 Statut Membre 123
 
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.
0
RallyeSud Messages postés 5 Statut Membre 1
 
merci pour vos précisions

je vais tester ceci dans la journée, et je vous tiendrais au courant ;)
0
divland Messages postés 215 Statut Membre 13
 
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" ...

0