Résolu Problème de code : Changement d'image au survole de la souris

Solutions (3)
Tags :
  • Souris
  • Image et Son
, Maître Yoda |
Bonjours, débutant au HTML, j'essai de faire un changement d'image lorsque l'on survole la premier avec la souris. J'ai fais plusieurs recherche mais le résultat reviens au même :

Quand je test le site, l'image 1 se met normalement, mais quand je survole, sa met l'espèce de carré disant que l'image n'existe pas.

J'ai essayé d'inverser les 2 lien image mais pareil, (comme c'est inverse, c'est l'image 1 qui s'affiche pas au survole)

j'espère avoir réussi a expliquer correctement... Voici le code que j'ai actuellement pour cette partie :

<img src="C:\Users\Alexandre\Desktop\alexandre\projet\1.le site\images\ongletNOS.png" name="onglet"
onmouseover="onglet.src='C:\Users\Alexandre\Desktop\alexandre\projet\1.le site\images\ongletS.png'"
onmouseout="onglet.src='C:\Users\Alexandre\Desktop\alexandre\projet\1.le site\images\ongletNOS.png'" />

Je vous remercie de votre réponse


ps : voici ce qui ce passe quand je passe la souris :

http://gyazo.com/5ba465aae9939c8b9a900becb842a70f

et même chose en inversant le lien des 2 image dans le code, sauf que, bien sur, l'image de depar n'est pas la même, logique :

http://gyazo.com/3d94dd1f46c665d9a7ad81546eb425f9
Contenus similaires
Meilleure solution
partage
, Programmation (collector) |
Bonjour, O_o ...

La bonne methode pour faire un "rollover" :
  1. <img src="URL IMG1" onmouseover="this.src='URL IMG2'" onmouseout="this.src='URL IMG1'" />


Sinon verifi les lien vers t'es image et utilise plutôt des lien relatif
  • dalanx a sélectionné cette solution comme la meilleure réponse
  • andrelec1 a édité ce message
  • Commenter cette solution |
Score
0
òh
òi
, Zombie |
<img id="img1" onmouseover="imgChange2('../images/toto.gif')" onmouseout="imgChange2('../images/tata.gif')" src="../images/toto.gif" height="32" width="25" border="0" name="img1"></img>

celon le W3C ca doit ressembler a cela.


sinon tu teste sur quel browser?
  • g-style a édité ce message
  • g-style a édité ce message
  • g-style a édité ce message
  • Commenter cette réponse |
Score
0
òh
òi
, Vieux c*n psychorigide |
Citation :
J'ai essayé d'inverser les 2 lien image mais pareil, (comme c'est inverse, c'est l'image 1 qui s'affiche pas au survole)


Tu as vérifié les liens ?

http://www.tomsguide.fr/forum/id-555063/html-changer-im...
  • archipeldufond a édité ce message
  • Commenter cette réponse |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS