Problème RollOver
Fermé
fab0
Messages postés
35
Date d'inscription
jeudi 13 juillet 2006
Statut
Membre
Dernière intervention
26 janvier 2007
-
23 oct. 2006 à 23:19
rachidrachid - 21 mai 2008 à 12:12
rachidrachid - 21 mai 2008 à 12:12
2 réponses
Squalou
Messages postés
29
Date d'inscription
vendredi 6 octobre 2006
Statut
Membre
Dernière intervention
29 novembre 2006
3
24 oct. 2006 à 12:01
24 oct. 2006 à 12:01
Bonjour,
Il y a plusieurs petits point à revoir dans ton code,
D'abord il est préférable d'importer ton script dans la page, donc de créer un fichier menu.js par exemple. Je vais te faire un exemple pour le bouton_1
Ton fichier menu.js dans lequel tu indiques ton image de base, ton image hover ainsi que le bouton (il faut lui donner le nom de l'image sur laquelle on va mettre les liens) :
if(document.images) {
bouton_1 = new Image;
bouton_1_hover = new Image;
bouton_1.src = "images/img_structure/menu/b_animaux.jpg";
bouton_1_hover.src = "images/img_structure/menu/b_animaux_hover.jpg";
}
else {
document.bouton1 = ""
}
Ensuite entre les balises <head> tu appelles ton script :
<script type='text/javascript' src='menu.js'></script>
Et les liens pour le bouton :
<a href="pages/animaux.php" target="_parent" onMouseOver="document.bouton1.src=bouton_1_hover.src" onMouseOut="document.bouton1.src=bouton_1.src"><img src="images/img_structure/menu/b_animaux.jpg" alt="animaux" width="1280" height="960" border="0" name="bouton1"></a>
Ne pas oublié de nommer ton image comme le bouton.
Et ainsi de suite pour tous tes boutons...
Normalement ça devrait marcher un peu mieux :-)
@+
Il y a plusieurs petits point à revoir dans ton code,
D'abord il est préférable d'importer ton script dans la page, donc de créer un fichier menu.js par exemple. Je vais te faire un exemple pour le bouton_1
Ton fichier menu.js dans lequel tu indiques ton image de base, ton image hover ainsi que le bouton (il faut lui donner le nom de l'image sur laquelle on va mettre les liens) :
if(document.images) {
bouton_1 = new Image;
bouton_1_hover = new Image;
bouton_1.src = "images/img_structure/menu/b_animaux.jpg";
bouton_1_hover.src = "images/img_structure/menu/b_animaux_hover.jpg";
}
else {
document.bouton1 = ""
}
Ensuite entre les balises <head> tu appelles ton script :
<script type='text/javascript' src='menu.js'></script>
Et les liens pour le bouton :
<a href="pages/animaux.php" target="_parent" onMouseOver="document.bouton1.src=bouton_1_hover.src" onMouseOut="document.bouton1.src=bouton_1.src"><img src="images/img_structure/menu/b_animaux.jpg" alt="animaux" width="1280" height="960" border="0" name="bouton1"></a>
Ne pas oublié de nommer ton image comme le bouton.
Et ainsi de suite pour tous tes boutons...
Normalement ça devrait marcher un peu mieux :-)
@+
bonjour a tous
j en ai marre d reflichir a ce script mais ca marche pas
si vous pouvez me priciser l faute svp
merci a tous
<?php
$res=mysql_fetch_row($o);
echo"
<script language=javascript>
image1 = new Image
image1.src = photo_produits/$res[2]
image2 = new Image
image2.src = photo_produits/$res[8]
image3=new Image
image3.src=photo_produits/$res[9]
image4=new Image
image4.src=photo_produits/$res[10]
</script>
<table><tr><td>
<a href=# onMouseOver=distance.src=image1.src >
<img src=photo_produits/$res[2] >
</a>
<a href=# onMouseOver=distance.src=image2.src >
<img src=photo_produits/$res[8]>
</a>
<a href=# onMouseOver=distance.src=image3.src >
<img src=photo_produits/$res[9]>
</a>
<a href=# onMouseOver=distance.src=image4.src >
<img src=photo_produits/$res[10]>
</a></td></tr>
<br>
<br><tr><td>
<img src=photo_produits//banane.gif border=0 width=63 height=29 name=distance alt=ALL HTML>
</td></tr>";
echo"<tr>
<td>Nom : $res[0]<br> Description :$res[7] <br>Prix : $res[1] DH</td>
</tr></table>";
?>
j en ai marre d reflichir a ce script mais ca marche pas
si vous pouvez me priciser l faute svp
merci a tous
<?php
$res=mysql_fetch_row($o);
echo"
<script language=javascript>
image1 = new Image
image1.src = photo_produits/$res[2]
image2 = new Image
image2.src = photo_produits/$res[8]
image3=new Image
image3.src=photo_produits/$res[9]
image4=new Image
image4.src=photo_produits/$res[10]
</script>
<table><tr><td>
<a href=# onMouseOver=distance.src=image1.src >
<img src=photo_produits/$res[2] >
</a>
<a href=# onMouseOver=distance.src=image2.src >
<img src=photo_produits/$res[8]>
</a>
<a href=# onMouseOver=distance.src=image3.src >
<img src=photo_produits/$res[9]>
</a>
<a href=# onMouseOver=distance.src=image4.src >
<img src=photo_produits/$res[10]>
</a></td></tr>
<br>
<br><tr><td>
<img src=photo_produits//banane.gif border=0 width=63 height=29 name=distance alt=ALL HTML>
</td></tr>";
echo"<tr>
<td>Nom : $res[0]<br> Description :$res[7] <br>Prix : $res[1] DH</td>
</tr></table>";
?>
28 oct. 2006 à 21:55