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

谷歌是你的朋友：

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

这似乎是IE中的一个众所周知的问题。

我的搜索词: ie changing img src

Answer 2

除了使用img标记之外，您还可以使用一个span和一个包含background-image属性的CSS类，然后让您的click函数更改这个类。

基本上，与CSS Sprites的概念相同，但不是更改背景图像的位置，而是更改URL。我以前在IE6中使用过它，它工作得很好。