Forum de discussion
Forum « Programmation Javascript » (archives)
Re: page constituée de deux cadres faire apparaître les photos en taille réelle
Envoyé: 17 juillet 2004, 8h56 par Oznog
Le principe est exactement le même qu,avec les images réactive sur une même page. Il suffit tout simplement d'ajouter dans l'équation le nom du cadre et une image commune.
Voir "Images réactives ou le RollOver" (http://www.trucsweb.com/Javascript/trucs.asp?no=248&type=5)
NOTE que tout doit être dans le menu à l'aception de l'image commune qui doit être dasn la deuxième page ou le corps du jeu de cadre.
Voilà un exemple simple avec le jeu de cadre qui contient le menu (nom "monMenu") et le corp (nom "monCorps") :
1. Dans le document du cadre "monCorps" met une image AVEC LE NOM "grandeImage" :
<img src="urlDeLaPremiereImage.png" name="grandeImage" width="500" height="300" >
2. Exemple de 3 vignettes du cadre "monCadre" :
<img src="urlDeLaVignette1.png" name="vignette1" width="100" height="100" onmouseover="document.monCorps.grandeImage.src='urlDeImageGrandFormat1.png'" onmouseout="document.monCorps.grandeImage.src='urlDeLaPremiereImage.png'" >
<img src="urlDeLaVignette2.png" name="vignette2" width="100" height="100" onmouseover="document.monCorps.grandeImage.src='urlDeImageGrandFormat2.png'" onmouseout="document.monCorps.grandeImage.src='urlDeLaPremiereImage.png'" >
<img src="urlDeLaVignette3.png" name="vignette3" width="100" height="100" onmouseover="document.monCorps.grandeImage.src='urlDeImageGrandFormat3.png'" onmouseout="document.monCorps.grandeImage.src='urlDeLaPremiereImage.png'" >
Ciao
Oznog
Réponses
|