IMAGE QUI CHANGE AU SURVOL DE LA SOURIS

Commentaire de ImmortalPC le 05/06/2006 13:00:30

Salut,
perso j' aurais fait comme ça :
<a href="mon_lien.html" title="Mon p'tit lien"><img src="image1.jpg" alt="Image ^^" style="border:0px;" onmouseover="this.src='image2.jpg';" onmouseout="this.scr='image1.jpg';" /></a>

@+

Commentaire de wizard512 le 07/06/2006 20:21:34

J'ai pas envie de passer pour le méchant codeur,
mais ces genre de code a la "hello world" ne servent pas a grand chose...

Commentaire de nexan44 le 09/06/2006 21:32:01

<a href="LIEN.htm" target="_blank" onmouseover="document."nom".src='"image2.gif"';" onmouseout="document."nom".src='"image1"';"><img src="image1".gif name="nom" border=0></a>

il faut bien respecter IMAGE 1 et IMAGE 2 ; l'image 1 est à deux fois dans le code car la première c'est pour indiquer l'image qu'il y a au chargement de la page et la deuxième fois c'est l'image qu'il y a une fois que la souris s'est retirée de l'image (c'est la même image bien sûr ! il ne faut pas changer ou mettre IMAGE 2)

et WIZARD512 ; je débute et puis il faut bien que je mette un code pour être un peu plus actif : à quoi ça sert de s'inscrire si on met pas de codes sources ??

Commentaire de chaoul le 12/06/2006 09:06:13

tout le monde n'a pas ton niveau Wiz, il y en a (moi par exemple) qui ont besoin de ce genre de scripts à la "Hello World" ne serait-ce que pour se familiariser avec les syntaxes de languages qu'on ne connait pas encore.
Si le mélange avec les basses classes (sans jeu de mot) ne te plait pas, il faut faire une pétition aux webmasters pour séparer les niveaux dans deux sites.

Commentaire de aze555666 le 12/06/2006 15:16:11

Pas la peine de poster pour dire ça. surtout que c'est plus simple avec le code de Immortalpc.
Tanr qu'à faire, met le lien à côté, pour que ton code serve à quelque chose (image qui change au survol d'autre chose que l'image elle même). Mais c'est quelque chose que j'ai déjà fait, et je n'ai pas ressenti le besoin de poster pour ça!

la prochaine fois que tu découvres une fonction javascipt toute faite interessante, garde là pour toi, tout le monde est capable de rechercher dans les dictionnaire.

Commentaire de puppetmastr le 12/06/2006 21:46:34

euh moi je trouve ca sympa comme code,

mais le pire c'est j'arrive pas a le faire fonctionner (aucun des 3 d'ailleurs indique dans cette page).
Faut-il mettre quelque chose de plus quelque part ? et quand tu dit qu'il faut enlever les " ", oui ok mais lesquels il y en a tellement ??? tous ???
merci de votre aide

Commentaire de puppetmastr le 13/06/2006 10:04:17

merci DVDSTORY, c'est plus clair et ca marche ;)

Commentaire de ju0123456789 le 11/01/2008 17:14:10

hello everybody !

Jsute une petite remarque, ce code ne marche pas sur firefox ! je recherche un code qui marche sous mozilla, firefox, opéra et safari SVP !!
Car, pour IE, c'est bien, mais de + en + de gens utilisent Firefox.

Si qqn a uen idée je suis prenneur :)

Merci d'avance !!

Commentaire de kdence le 01/10/2008 01:49:41

ImmortalPC ton code est presque bien!!!
<a href="mon_lien.html" title="Mon p'tit lien"><img src="image1.jpg" alt="Image ^^" style="border:0px;"
onmouseout="this.scr='image1.jpg';" onmouseover="this.src='image2.jpg';"  /></a>
Mais il marche mieux comme ça. il faut juste inverser onmouseout et onmouseover. Parce que avant l'image changeait quand tu passais la souris dessus mais elle ne se remettais pas normalement quand tu l'enlevais

Commentaire de willowtiamo le 09/10/2008 17:22:05

Bonjour,
alors moi rien ne fonctionne pourtant c'est le même code j'ai fait :
<a href="Untitled-3.html" target="_blank" onmouseover="this.src='VR_gabin.jpg';" onmouseout="this.src='V_gabin.jpg';"><img src="V_gabin.jpg" name="NOM" border=0 /></a>

et rien ne se passe :-S

Commentaire de Tithomme75 le 03/11/2008 21:54:23

Bonjour à tous!

Petite question, le code marche pour le premier bouton de mon site mais pas pour le second.
Y a t il des choses spécifiques à faire lorsque l'on veut plusieurs survols différents?
Merci d'avance.