Prob avec un JavaScript: effet de survol
Résolu/Fermé
midnnight
Messages postés
484
Date d'inscription
jeudi 23 février 2006
Statut
Membre
Dernière intervention
26 juillet 2017
-
23 févr. 2006 à 05:32
midnnight - 10 janv. 2008 à 01:54
midnnight - 10 janv. 2008 à 01:54
A voir également:
- Prob avec un JavaScript: effet de survol
- Telecharger javascript - Télécharger - Langages
- Javascript void 0 c'est quoi ✓ - Forum Réseaux sociaux
- Echo javascript ✓ - Forum PHP
- Javascript obfuscator - Télécharger - Langages
- Retour à la ligne javascript ✓ - Forum Javascript
5 réponses
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 775
25 févr. 2006 à 00:30
25 févr. 2006 à 00:30
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.
midnnight
Messages postés
484
Date d'inscription
jeudi 23 février 2006
Statut
Membre
Dernière intervention
26 juillet 2017
38
27 févr. 2006 à 14:36
27 févr. 2006 à 14:36
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...
Angzlar
Messages postés
17
Date d'inscription
samedi 29 septembre 2007
Statut
Membre
Dernière intervention
18 février 2008
10 janv. 2008 à 01:05
10 janv. 2008 à 01:05
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