Hover sur image impossible

Version imprimable

06/08/2007, 15h49
HwRZxLc4

Hover sur image impossible

Bonjour,

J'ai utiliser ce code pour faire un hover sur image

Code:

<a href="'.get_lang('url-icone-'.$ligne['id']).'.html"><img onmouseover="this.src=\'imgusedtrucks/'.$ligne['id'].'.png\'" src="imgusedtrucks/'.$ligne['id'].'-op.png" onmouseout="this.src=\'imgusedtrucks/'.$ligne['id'].'-op.png\'" width="70" height="50" border="0" text="'.get_lang($ligne['code']).'" /></a>

Sa passe sous FF mais pas sous IE, une idée de comment faire sa ?

Je précise que c'est généré via une boucle.

Merci d'avance.
06/08/2007, 17h09
SpaceFrog

as tu preloadé les images ?
06/08/2007, 18h00
HwRZxLc4

non, il faut ?
06/08/2007, 19h31
SpaceFrog

ce serait préférable
06/08/2007, 19h44
HwRZxLc4

merci, je fait le pré chargement en css ?
06/08/2007, 19h54
SpaceFrog

heu non en javascript ...
06/08/2007, 20h05
HwRZxLc4

a mince je sais pas comment on fait :( :( :(

et encore moin avec moin avec ma boucle :?

Code:

1
2
3
4
5
var TabImages = new Array()
TabImages[0]=new Image();
TabImages[0].src='image1.jpg'
TabImages[1]=new Image();
TabImages[1].src='image2.jpg'

et dans le hover:

Code:

1
2
 
<img src="image1.jpg" onmouseover="this.src=TabImages[1].src" onmouseout="this.src=TabImages[0].src" />

06/08/2007, 20h18
HwRZxLc4

hmmm j'ai 11 images, désolé, dans le javascript je suis null...

D'ailleurs y à pas que le javascript :cry:

[edit] j'ai testé, sur FF sa clignote de partout et sous IE sa reste sans bouger :(

[edit2] sa ne m'explique toujours pas pq sous FF impec et rien sur IE6 et 7 :(

testé sous IE et FFX sans aucun souci ...

Code:

1
2
 
<img src='snow.gif' onmouseover="this.src='snow1.gif';" onmouseout="this.src='snow.gif';" style='height:100px;width:100px;' />

Arrrffff je viens de trouver, je suis maudi, c'est le script pngfix.js qui me bloque. :(

Voila le contenu du fixpng.js

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
function correctPNG() 
   {
   for(var i=0; i<document.images.length; i++)
      {
	  var img = document.images[i]
	  var imgName = img.src.toUpperCase()
	  if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
	     {
		 var imgID = (img.id) ? "id='" + img.id + "' " : ""
		 var imgClass = (img.className) ? "class='" + img.className + "' " : ""
		 var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
		 var imgStyle = "display:inline-block;" + img.style.cssText 
		 if (img.align == "left") imgStyle = "float:left;" + imgStyle
		 if (img.align == "right") imgStyle = "float:right;" + imgStyle
		 if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle		
		 var strNewHTML = "<span " + imgID + imgClass + imgTitle
		 + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
	     + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
		 + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
		 img.outerHTML = strNewHTML
		 i = i-1
	     }
      }
   }
window.attachEvent("onload", correctPNG);

07/08/2007, 11h48
HwRZxLc4

On va dire que sais résolu, j'ai converti mes images en gif :cry: