Image agrandie au passage de souris FIREFOX

prigenty -  
avion-f16 Messages postés 19182 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
Configuration: Windows 7 Internet Explorer 7.0

4 réponses

  1. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    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) ?
    0
  2. prigenty
     
    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

    .??
    0
  3. PhP Messages postés 1774 Statut Membre 606
     
    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 !
    0
  4. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    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';"
    />
    0