Jquery + clic + échange d'images + IE6 = Je déteste ce navigateur

Question

Je rencontre un problème avec l'échange d'images dans IE6. Fonctionne bien dans tous les navigateurs sauf celui-là.

Voici le code suivant:

$(function() { 
    $("#image1").click(function() { 
     $(this).attr('src', '/v12/images/small/sm-wall-1-on.png');      
     $('#image2').attr('src', '/v12/images/small/sm-wall-2.png'); 
     $('#image3').attr('src', '/v12/images/small/sm-wall-3.png'); 
    }); 
});     

Ensuite, voici le code HTML

<li style="padding:3px;"><img id="image1" src="/v12/images/small/sm-wall-1-off.png" style="border:0px; width:95px; height:75px;" class="pngfix" alt="" /></li> 
<li style="padding:3px;"><img id="image2" src="/v12/images/small/sm-wall-2-selected.png" class="pngfix" style="border:0px; width:95px; height:75px;" class="pngfix" alt="" /></li> 
<li style="padding:3px;"><img id="image3" src="/v12/images/small/sm-wall-3.png" class="pngfix" style="border:0px; width:95px; height:75px;" class="pngfix" alt="" /></li> 

Donc, fondamentalement, si je clique sur l'une des images que je veux échanger les autres avec celui Je viens de cliquer. IE6 cache toutes les images dès que j'effectue le clic.

Pensées?

Answer 1

google est votre ami:

http://wolfram.kriesing.de/blog/index.php/2007/change-img-src-for-ie

il semble être un problème dans IE qui est largement connu.

mes termes de recherche: par exemple la modification img src

Answer 2

Au lieu d'utiliser les balises img, vous pouvez utiliser une durée d'une classe CSS contenant l'attribut image d'arrière-plan, alors votre fonction de clic suffit de changer la classe.

Fondamentalement, le même concept que CSS Sprites, mais au lieu de changer la position de l'image de fond, vous changez l'URL. Je l'ai déjà utilisé dans IE6, et ça a bien fonctionné.