Titre: Les rollovers, ça marche pas
Posté par: eirwan le le 27-03-2005 a 16:37:39
Bon alors je suis un débutant, et je lis que les rollovers sont pourtant assez simples à mettre en place...
J'ai pris le code dans un livre, "JavaScript, DHTML & CSS".
J'ai fait comme marqué ds le livre, et pourtant les rollovers de ma barre de navigation ne fonctionnent toujours pas...
Bon je vous envoie le code :
Dans la partie head, j'ai placé
Code:
<SCRIPT LANGUAGE="JavaScript">
//Création des objets image
if (document.images)
{ AccueilOn=new Image(144, 46)
AccueilOn.src="images/Liens/AccueilOn.jpg"
AccueilOff=new Image(144, 46)
AccueilOff.src=images/Liens/AccueilOff.jpg"
VideosOn=new Image(144, 46)
VideosOn.src="images/Liens/VideosOn.jpg"
VideosOff=new Image(144,46)
VideosOff.src="images/Liens/VideosOff.jpg"
TrombinoscopeOn=new Image(144, 46)
TrombinoscopeOn.src="images/Liens/TrombinoscopeOn.jpg"
TrombinoscopeOff=new Image(144, 46)
TrombinoscopeOff.src="images/Liens/TrominoscopeOff.jpg"
ContactOn=new Image(144, 46)
ContactOn.src="images/Liens/ContactOn.jpg"
ContactOff=new Image(144, 46)
ContactOff.src="images/Liens/ContactOff.jpg"
LiensOn=new Image(144, 46)
LiensOn.src="images/Liens/LiensOn.jpg"
LiensOff=new Image(144, 46)
LiensOff.src="images/Liens/LiensOff.jpg"
}
// Fonctions pour les rollovers
function on(pic)
{ if (document.images)
{ document.images[pic].src = eval(pic + "On.src")
}
}
function off(pic)
{ if (document.images)
{ document.images[pic].src = eval(pic+ "Off.src")
}
}
</SCRIPT>
|
|
Et j'ai aussi placé les gestionnaires d'évènement
Code:
<a target="principal" href="accueil.htm"
onMouseOver="on(Accueil);
windows.status='Accueil';
return true;"
onMouseOut="off(Accueil);
windows.status=' ';
return true;">
<img border="0" src="images/Liens/AccueilOff.jpg"
width="144" height="46" border=0 name="Accueil"></a>
<a target="principal" href="videos.htm"
onMouseOver="on(Videos);
windows.status='Vidéos';
return true;"
onMouseOut="off(Videos);
windows.status=' ';
return true;">
<img border="0" src="images/Liens/VideosOff.jpg"
width="144" height="46" border=0 name="Videos"></a>
<a target="principal" href="trombinoscope.htm"
onMouseOver="on(Trombinoscope);
windows.status='Trombinoscope';
return true;"
onMouseOut="off(Trombinoscope);
windows.status=' ';
return true;">
<img border="0" src="images/Liens/TrombinoscopeOff.jpg"
width="144" height="46" border=0 name="Trombinoscope"></a>
<a target="principal" href="contacts.htm"
onMouseOver="on(Contact);
windows.status='Contact';
return true;"
onMouseOut="off(Contact);
windows.status=' ';
return true;">
<img border="0" src="images/Liens/ContactOff.jpg"
width="144" height="46" border=0 name="Contact"></a>
<a target="principal" href="liens.htm"
onMouseOver="on(Liens);
windows.status='Liens';
return true;"
onMouseOut="off(Liens);
windows.status=' ';
return true;">
<img border="0" src="images/Liens/LiensOff.jpg"
width="144" height="46" border=0 name="Liens"></a></p>
|
|
Bon alors voilà si jamais il manque quelque chose dites-le moi s'il vous plaît ou si quelque chose n'est pas correct signalez-le moi, parce que je suis dans le brouillard ???
Merci |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|