Jquery + клик + обмен изображениями + IE6 = я ненавижу этот браузер

Question

У меня проблема с обменом изображениями в IE6. Прекрасно работает во всех браузерах, кроме этого.

Вот следующий код:

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

Тогда вот 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>

Таким образом, в основном, если я нажимаю на одно из изображений, я хочу поменять другие вместе с тем, которое я только что нажал. IE6 скрывает все изображения, как только я выполню щелчок.

Мысли

Answer 1

Google - ваш друг:

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

кажется, что проблема в IE широко известна.

мои условия поиска: т.е. изменение img src

Answer 2

Вместо использования тегов img, вы можете использовать span с классом CSS, содержащим атрибут background-image, а затем сделать так, чтобы ваша функция click просто изменила класс.

По сути, та же концепция, что и CSS Sprites , но вместо изменения положения фонового изображения вы меняете URL. Я использовал его раньше в IE6, и он работал нормально.