Script Galerie dynamique (Urgent)

Fermé

RallyeSud Messages postés 5 Date d'inscription samedi 2 août 2008 Statut Membre Dernière intervention 4 août 2008 - 2 août 2008 à 20:52
RallyeSud Messages postés 5 Date d'inscription samedi 2 août 2008 Statut Membre Dernière intervention 4 août 2008 - 3 août 2008 à 11:41

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:

Script Galerie dynamique (Urgent)
Tableau croisé dynamique - Guide
Script vidéo youtube - Guide
Galerie photo en ligne gratuite - Guide
Liste déroulante dynamique excel - Guide
Icone galerie disparu - Forum Téléphones & tablettes Android

4 réponses

Réponse 1 / 4

RallyeSud Messages postés 5 Date d'inscription samedi 2 août 2008 Statut Membre Dernière intervention 4 août 2008 1
3 août 2008 à 11:41

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>

Réponse 2 / 4

amjahed Messages postés 335 Date d'inscription dimanche 30 décembre 2007 Statut Membre Dernière intervention 21 mars 2010 123
3 août 2008 à 02:24

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.

Réponse 3 / 4

RallyeSud Messages postés 5 Date d'inscription samedi 2 août 2008 Statut Membre Dernière intervention 4 août 2008 1
3 août 2008 à 09:51

merci pour vos précisions

je vais tester ceci dans la journée, et je vous tiendrais au courant ;)

Réponse 4 / 4

divland Messages postés 194 Date d'inscription dimanche 22 juin 2008 Statut Membre Dernière intervention 4 septembre 2009 13
3 août 2008 à 10:31

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" ...

Discussions similaires

Impossible d'afficher le rapport de tableau croisé dynamique sur un rapport

Nom de champs du tableau croisé dynamique non valide

Impossible de lire les videos de ma galerie photo.

Tableau croisé dynamique : différence entre deux colonnes

Transfert photos messenger vers galerie

Discussions similaires

Newsletters