jQuery交换图像没有加载

时间:2010-11-05 16:30:02

标签: jquery

我正在尝试使用jQuery .attr从“Images / origImage”的原始图像源位置到“Images / newImage”的新图像源位置来交换div类的click事件。 / p>

当我点击div时,如果右键单击图像并查看地址(URL)属性,则会更改图像Url属性我看到新图像URL我但在浏览器中图像未加载 - 我看到白框与红十字会。我的jQuery代码位于ASP.NET母版页中,div和图像标记位于内容页面中。

这是内容页面标记

 <div class="xxx">
   <img src="Images/origImage" class="changesrc" />
 </div>

在主页面中我有:

<script language="javascript" type="text/javascript">
    $("div.xxx").click(function(){  
      $('.changesrc').attr("src", "Images/newImage");
    });
</script>

任何人都可以帮助我如何实现交换图像并将其加载到浏览器中。我尝试预加载新图像,但似乎没有用。

2 个答案:

答案 0 :(得分:1)

这适用于大多数浏览器。您是否使用过Firebug或类似内容来查看浏览器是否正在尝试下载新图像?也许URL有问题(错误的位置,不是URL编码等)......

答案 1 :(得分:0)

我已经使用background样式实现了类似的功能,我想知道这是否会帮助你。我明确地拆分了img变量:

  $("div.xxx").click(function(){

    var img = 'path/toNew.jpg';    
    $('.changesrc').attr('style', 'background: url(' + img  + '); ')

    });