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中的一个问题。

我的搜索字词：即更改img src

Answer 2

您可以使用带有包含background-image属性的CSS类的span，而不是使用img标记，然后让您的click函数更改类。

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

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

2 个答案: