我正在尝试使用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>
任何人都可以帮助我如何实现交换图像并将其加载到浏览器中。我尝试预加载新图像,但似乎没有用。
答案 0 :(得分:1)
这适用于大多数浏览器。您是否使用过Firebug或类似内容来查看浏览器是否正在尝试下载新图像?也许URL有问题(错误的位置,不是URL编码等)......
答案 1 :(得分:0)
我已经使用background
样式实现了类似的功能,我想知道这是否会帮助你。我明确地拆分了img变量:
$("div.xxx").click(function(){
var img = 'path/toNew.jpg';
$('.changesrc').attr('style', 'background: url(' + img + '); ')
});