Jquery + 点击 + 图片交换 + IE6 = 我讨厌那个浏览器答案

【问题标题】：Jquery + click + image swaps + IE6 = I hate that browserJquery + 点击 + 图片交换 + IE6 = 我讨厌那个浏览器
【发布时间】：2009-05-29 15:10:29
【问题描述】：

我在 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就会隐藏所有图片。

想法？

【问题讨论】：

会不会和你在图片上的“pngfix”类有关，这个类有什么作用，你有一些与之相关的JS代码吗？
我很幸运，我们的客户终于从新项目中删除了 IE6 要求 :)

标签： jquery internet-explorer internet-explorer-6

【解决方案1】：

谷歌是你的朋友：

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

这似乎是广为人知的 IE 问题。

我的搜索词：即更改 img src

【讨论】：

【解决方案2】：

您可以使用包含 background-image 属性的 CSS 类的跨度，而不是使用 img 标签，然后让您的点击功能更改类。

基本上，与CSS Sprites 的概念相同，但不是更改背景图像的位置，而是更改 URL。我之前在IE6中用过，效果很好。

【讨论】：