Image agrandie au passage de souris FIREFOX
prigenty
-
avion-f16 Messages postés 20368 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 20368 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
J'ai un souci avec mon code HTML:
<img src="http://www.monsite.com/image_petite.jpg" onmouseover="this.src='http://www.monsite.com/image_grande.jpg';" onmouseout="this.src='http://www.monsite.com/image_petite.jpg';" name="carte" style="border:0px;" />
Ca fonctionne bien sous IE, mais pas sous Firefox ni Safari. Je ne comprends pas pourquoi !
Avez vous une idée ?
Yohan
J'ai un souci avec mon code HTML:
<img src="http://www.monsite.com/image_petite.jpg" onmouseover="this.src='http://www.monsite.com/image_grande.jpg';" onmouseout="this.src='http://www.monsite.com/image_petite.jpg';" name="carte" style="border:0px;" />
Ca fonctionne bien sous IE, mais pas sous Firefox ni Safari. Je ne comprends pas pourquoi !
Avez vous une idée ?
Yohan
A voir également:
- Image agrandie au passage de souris FIREFOX
- Comment activer le pavé tactile sans souris - Guide
- Downloadhelper firefox - Télécharger - Outils pour navigateurs
- Agrandir une image - Guide
- Passage qwerty azerty - Guide
- Image iso - Guide
4 réponses
Penses à mettre ton navigateur à jour (et je ne comprends pas comment tu as IE7 sur Windows 7 ...).
C'est étrange, je ne vois aucune erreur dans le code.
Que te dit la console de FF (Ctrl+Maj+J) ?
C'est étrange, je ne vois aucune erreur dans le code.
Que te dit la console de FF (Ctrl+Maj+J) ?
J'ai bien IE8 sous windows 7
Pas d'erreur sur la console (ctrl+maj+j)
J'ai aussi essayé ce code:
<img src="http://www.annecy-loc.com/documents/carte_annecy_loc_small.jpg" id="carte" style="border:0px;" usemap="#carte_annecy_loc" onmouseover="document.getElementById('carte').src='http://www.annecy-loc.com/documents/carte_annecy_loc.jpg'" onclick="document.getElementById('carte').src='http://www.annecy-loc.com/documents/carte_annecy_loc_small.jpg'" />
Ca marche parfaitement avec IE mais toujours pas Firefox... marre
.??
Pas d'erreur sur la console (ctrl+maj+j)
J'ai aussi essayé ce code:
<img src="http://www.annecy-loc.com/documents/carte_annecy_loc_small.jpg" id="carte" style="border:0px;" usemap="#carte_annecy_loc" onmouseover="document.getElementById('carte').src='http://www.annecy-loc.com/documents/carte_annecy_loc.jpg'" onclick="document.getElementById('carte').src='http://www.annecy-loc.com/documents/carte_annecy_loc_small.jpg'" />
Ca marche parfaitement avec IE mais toujours pas Firefox... marre
.??
Bsr
Ben chez moi ton exemple fonctionne sous Firefox 3.5, IE 6 (hé oui !) et Opera 9.6
Par contre ta carte en grand format pèse la bagatelle de 555 Ko ! C'est beaucoup trop !
Si ça ne fonctionne pas chez toi sur Firefox le problème vient d'ailleurs sur ta page : un effet de bord sûrement
Par contre pour trouver d'où là c'est pas évident !
Ben chez moi ton exemple fonctionne sous Firefox 3.5, IE 6 (hé oui !) et Opera 9.6
Par contre ta carte en grand format pèse la bagatelle de 555 Ko ! C'est beaucoup trop !
Si ça ne fonctionne pas chez toi sur Firefox le problème vient d'ailleurs sur ta page : un effet de bord sûrement
Par contre pour trouver d'où là c'est pas évident !
Essaye avec ça :
<img src="http://www.foromtorrent.com/forom/public/style_images/foromtorrent/icon_facebook.png" alt="" onmouseover="this.src = 'http://www.foromtorrent.com/forom/public/style_images/foromtorrent/icon_twitter.png';" onmouseout="this.src = 'http://www.foromtorrent.com/forom/public/style_images/foromtorrent/icon_facebook.png';" />
