Jquery + Klick + Bild Swaps + IE6 = Ich hasse diesen Browser

Question

Ich habe ein Problem mit dem Austausch von Bildern in IE6. Funktioniert in allen Browsern außer diesem. Hier

ist der folgende Code:

$(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'); 
    }); 
});     

dann ist hier der 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> 

Also im Grunde, wenn ich auf eines der Bilder klicken ich die anderen zusammen mit dem tauschen wollen Ich habe gerade geklickt. IE6 blendet alle Bilder aus, sobald ich den Klick mache.

Gedanken?

Answer 1

google ist dein Freund:

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

es scheint ein Problem in IE zu sein, die weithin bekannt ist.

meine Suchbegriffe: dh img src Ändern

Answer 2

Statt die img-Tags verwenden, können Sie eine Spannweite mit einer CSS-Klasse verwenden, um die Hintergrund-Bild-Attribut enthält, dann Klick-Funktion haben nur die Klasse ändern.

Grundsätzlich das gleiche Konzept wie CSS Sprites, aber anstatt die Position des Hintergrundbildes zu ändern, ändern Sie die URL. Ich habe es zuvor in IE6 verwendet, und es hat gut funktioniert.