|
| ti_ouf |  Posté le 12/04/2004 @ 12:32 |
Astucien
4767 Messages
| bonjour a tous,
ALors j'ai essayer de mettre un script rollover sur une de mes pages web avec une de mes images,et ça a marché...
mais le prob c'est lorsque j'ai voulu le faire sur cette meme page mais pour une 2ieme images en plus ça a completement foiré!!!
J'aimerais savoir comment appliquer ce script pour plussieurs images a la fois!
j'ia procedé comme ceci:
<html>
<head><style type="text/css">
#titre {position:absolute; left:20; top:0; width:50px; height:590px; font-family: toto, brush, kaufman, "snap ITC";
font-size: 48pt; color: 80a0e0; line-height: 50%; text-align:center;}
</style>
<script language=JavaScript>
menu0=new Image();
menu1=new Image();
menu2=new Image();
menu3=new Image();
menu0.src="../site internet/images/accdessert.jpg"
menu1.src="../site internet/images/d_glaces.jpg"
menu2.src="../site internet/images/glw021.jpg.jpg"
menu3.src="../site internet/images/epice.jpg"
function affiche(num);{ {
if (num=="0") document.images[0].src=menu0.src;
else if (num=="1") document.images[0].src=menu1.src;}
if (num=="2") document.images[2].src=menu2.src;
else if (num=="3") document.images[3].src=menu3.src</script>
<title> Hum miam les desserts
</title>
<body background="../site internet/images/m&ms.jpg">
<span id="titre">C<br>O<br>I<br>N<br><br>C<br>U<br>I<br>S<br>I<br>N<br>E</span>
<table align="center" width="80%" height="30%" border=1 cellpadding=0 cellspacing=0>
<tr valign="middle"><td width="33% "><center><a href="../site internet/dessert.html" onmouseover=affiche(1); onmouseout=affiche(0);>
<img width="100%" height="100%" src="../site internet/images/accdessert.jpg" alt="desserts" border=0>
</a></center>
</td>
<td width="33%"><img width="100%" height="100%" src="../site internet/images/astuce.gif" alt="astuces minceurs"></td>
<td width="33%"><a href="../site internet/plats_exotiques.html" onmouseover=affiche(2); onmouseout=affiche(3);>
<img width="100%" height="100%" src="../site internet/images/epice.jpg" alt="plats exotiques"></td></tr>
</table>
</body>
</html>
voila pour les lignes en rouges ça represente ma 1ere image,ce qui est en noire ma 2ieme.
ALors telque mes 2 images ne marche pas en rollover,mais si je mets la { que j'ai noté il y a uniquement la premiere images qui fonctionne en rollover,la 2ieme n'est pas fixe non plus mais au lieu d'avoir sa 2ieme images je me retrouve avec la ligne blanche et pas d'image(petit symbol d'erreur de chemin pour les images).
Si je n'ai pas été clair j'essairais de mieux m'expliqué!
merci |
| |
| |
| Publicité |
|
|
| cops122 | Posté le 12/04/2004 à 16:12 |
Petit astucien
769 Messages
| bonjour la seule chose que j'ai remarquer c'est le jpg en trop je te l'ai mis en en bleu, il suffit de pas grand chose desfois!
</style>
<script language=JavaScript>
menu0=new Image();
menu1=new Image();
menu2=new Image();
menu3=new Image();
menu0.src="../site internet/images/accdessert.jpg"
menu1.src="../site internet/images/d_glaces.jpg"
menu2.src="../site internet/images/glw021.jpg.jpg"
menu3.src="../site internet/images/epice.jpg"
function affiche(num);{{ |
| |
|
| ti_ouf | Posté le 12/04/2004 à 17:58 |
Astucien
4767 Messages
| j'ai changer le probleme mais apparement rien ne change ma deuxieme image reste fixe et n'a aucun effet de rollover |
| |
|
| Bean | Posté le 12/04/2004 à 18:13 |
Petit astucien
653 Messages
| Salut,
Ce que je vois c'est que ta balise <HEAD> n'est pas fermée.
Il me semble qu'il faudrait la fermer juste après <title> Hum miam les desserts </title>
Peut-être que ton script va marcher....
Donne ton adresse où ta page marche...
Merci |
| |
|
| ti_ouf | Posté le 12/04/2004 à 18:24 |
Astucien
4767 Messages
| Salut
C'est vrai que j'ai fait une sale erreur vraiment impardonnable,mais en la fermant rien ne change non plus!!!
Pour se qui est de mon url je ne lé pas encore puisque je suis en construction... |
| |
|
| francois62 | Posté le 12/04/2004 à 21:26 |
Petit astucien
105 Messages
| Je ne comprends pas ta ligne :
"function affiche(num);{{"
le ";" est de trop pour moi ainsi qu'une des accolades ouvrantes, mais ce sont peut-être des fautes de frappes. |
| |
|
| Bean | Posté le 12/04/2004 à 21:43 |
Petit astucien
653 Messages
| Exact, en copinat le code j'ai eu une erreur a cet endroit.
Ca peut venir de là. |
| |
|
| ti_ouf | Posté le 12/04/2004 à 21:52 |
Astucien
4767 Messages
| oui c'est une faute de frappe je viens de verifier sur ma source,je n'avais pas ce point virgule et cette accolade!!!!
Sans ces 2choses ça ne marche po au niveau de
menu2.src="images/e00350.jpg"
menu3.src="images/epice.jpg"
l'image 2 et 3 ne marche pas en rollover...[boom] |
| |
|
| ti_ouf | Posté le 12/04/2004 à 23:11 |
Astucien
4767 Messages
| pour que se soit plus concret peut etre le probleme est affiché sur Ma Page Web [url]http://mapage.noos.fr/cflamain/Cuisine.html[/url] l'image la plus a droite ne marche pas,regarder la source ça sera plus parlant je pense... |
| |
|
|
| Haut de la page |
probleme script rollover!!!
