Prob avec un JavaScript: effet de survol
Résolu
midnnight
Messages postés
484
Date d'inscription
Statut
Membre
Dernière intervention
-
midnnight -
midnnight -
Hello, quelqu' un serait il assez simpa pour me traduir exactement ce qu il faut faire pour venir a bout de ce java script qui me donne tant de mal ????
JavaScript : Création d'un effet de survol
Le code transparait sur ma page web, je ne sais pas comment introduir mes images : <img
style="width: 113px; height: 63px;" src="mon image.gif" ??? ou bien fuste comme ca : src="mon image.gif" ??? ça ne fonctionne pas...Je suis bien embêté,
Excusez si je suis nul, mais c est pas facile au départ ces trucs là.
Une explication précise et détaillé me serait hyper utile...
Merci d avance, on sait jamais...
JavaScript : Création d'un effet de survol
45: var a
46: a= new Array();
47: a[0]=new Image;
48: a[0].src="mon_image1.gif";
49: a[1]=new Image;
50: a[1].src="mon_image2.gif";
La fonction roll() va effectuer la permutation des images :
52: function roll(img,nb) {
53: eval("img.src=a["+nb+"].src");
54: }
[...]
77: <A HREF="#"
78: onmouseover="roll(img1,0)";
79: onmouseout="roll(img1,1)">
80: <IMG name="img1" SRC="img1.gif" BORDER=0 >Un RollOver simple
81: </A><br><br>
Le code transparait sur ma page web, je ne sais pas comment introduir mes images : <img
style="width: 113px; height: 63px;" src="mon image.gif" ??? ou bien fuste comme ca : src="mon image.gif" ??? ça ne fonctionne pas...Je suis bien embêté,
Excusez si je suis nul, mais c est pas facile au départ ces trucs là.
Une explication précise et détaillé me serait hyper utile...
Merci d avance, on sait jamais...
A voir également:
- Prob avec un JavaScript: effet de survol
- Telecharger javascript - Télécharger - Langages
- A javascript error occurred in the main process - Forum Windows
- A javaScript error occurred in the main process - Forum Handicap / Accessibilté
- Erreur #125 javascript - Forum Mozilla Firefox
- Javascript arrondi - Forum Javascript
5 réponses
Bonjour,
En fait, les explications chez le webmaster.lycos.fr sont un peu insuffisantes.
Il faut, par exemple, remplacer quelques références ainsi qu'enlever les numéros de lignes.
Et leur résultat manque de cohérence.
Teste en remplaçant, dans “<IMG name="img1" SRC="img2.gif"”, “img2.gif” par “img1.gif”.
En faisant comme ça, ça marche :
Et puis, on peut avoir le même résultat sans tout ce code.
En HTML, ça :
suffit.
Tu trouveras certainement plus d'inspiration ici :
http://www.allhtml.com/
http://www.javascriptfr.com/
par exemple.
En fait, les explications chez le webmaster.lycos.fr sont un peu insuffisantes.
Il faut, par exemple, remplacer quelques références ainsi qu'enlever les numéros de lignes.
Et leur résultat manque de cohérence.
Teste en remplaçant, dans “<IMG name="img1" SRC="img2.gif"”, “img2.gif” par “img1.gif”.
En faisant comme ça, ça marche :
<script language="JavaScript">
<!--
var a
a= new Array();
a[0]=new Image;
a[0].src="img1.gif";
a[1]=new Image;
a[1].src="img2.gif";
function roll(img,nb) {
eval("img.src=a["+nb+"].src");
}
-->
</script>
<A HREF="#"
onmouseover="roll(img1,0)";
onmouseout="roll(img1,1)";>
<IMG name="img1" SRC="img2.gif" BORDER=0 width=40 height=30>
</A><br><br>
Et puis, on peut avoir le même résultat sans tout ce code.
En HTML, ça :
<a href="#"> <img src="img1.gif" border="0" width=40 height=30 onMouseOver="this.src='img2.gif'" onMouseOut="this.src='img1.gif'"> </a>
suffit.
Tu trouveras certainement plus d'inspiration ici :
http://www.allhtml.com/
http://www.javascriptfr.com/
par exemple.
Ahh ! Un grand merci à toi, finalement j'ai opté pour ta seconde soluce (en html) :
<a href="#">
<img src="img1.gif" border="0" width=40 height=30
onMouseOver="this.src='img2.gif'" onMouseOut="this.src='img1.gif'">
</a>
Le résultat est semblable et la config me parrait + sûre.
De + elle est plus maniable.
Bonne continuation...
Je risque de vous poser encore ds questions bête, car je n' abandonne pas pour autant le "java" (lol)
Encore merci !
midnnight...
<a href="#">
<img src="img1.gif" border="0" width=40 height=30
onMouseOver="this.src='img2.gif'" onMouseOut="this.src='img1.gif'">
</a>
Le résultat est semblable et la config me parrait + sûre.
De + elle est plus maniable.
Bonne continuation...
Je risque de vous poser encore ds questions bête, car je n' abandonne pas pour autant le "java" (lol)
Encore merci !
midnnight...
Bonjour, merci pour ce script. Mais je tenais à préciser qu' il n' est pas valide au w3c.
C' est dommage car je comptais l' utiliser pour mon projet mais j' attendrais qu' il soit noté pour inscrire ce script.
Encore merci, bien utile.
C' est dommage car je comptais l' utiliser pour mon projet mais j' attendrais qu' il soit noté pour inscrire ce script.
Encore merci, bien utile.
cette question est résolue, milles excuses, je ne l'avait pas noté. Le dernier code hyml est excélent et compatible.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question