通过更改img元素的src加载新图片，第一次不显示，刷新之后才显示。

0 0

通过更改img元素的src加载新图片，第一次不显示，刷新之后才显示。5

网页中，我要实现当点击一个图片的热区时，图片切换为新的图片。我是用更改img元素的src属性进行更改的，然而点击之后，第一次图片不显示，刷新之后才显示，请问这是什么原因，怎样才能解决。（当我通过url访问测试页面的时候，显示的图片也是通过为img的src赋值而显示图片的，这样可以，但是当点击热区用同样的更改src的方式更改图片时就不行。）

问题补充：

kangfuq 写道

是不是有src=""的操作（这样会造成再次访问当前页）？

我是用JQuery的attr(name,value)动态修改img的src属性，这样会导致第一次访问不显示吗？等第二次访问才能显示第一次访问留下的缓存？

img src 图片加载显示

2012年4月30日 14:24

Iuranus
15
0 0 2

4个答案按时间排序按投票排序

0 0

可以考虑把需要的图片都写在页面，其他的隐藏起来。
切换的时候再用src赋值试试，这样图片都已经在本地了，可能会可以。
实在不行就显示和隐藏切换图片。不过如果图片太多这样做就不好了。

2012年5月16日 13:19

yangzhanchun
111
0 1 12

添加评论

0 0

7.<script>
8.$(function(){
9.    $("img").attr("src", "1.gif");
10.    $("img").click(function(){
11.        $(this).attr("src", "2.gif");
12.    });
13.})
14.</script>

这样应该是可以改变值的,如果不行的话,可以考虑先清楚这个img,再jquery动态创建一个img

2012年5月08日 14:34

yzd1211aa
27
0 0 0

添加评论

0 0

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script>
$(function(){
	$("img").attr("src", "1.gif");
	$("img").click(function(){
		$(this).attr("src", "2.gif");
	});
})
</script>
</head>
<body>
<img/>
</body>
</html>

是这个意思么？这样是可以的阿

2012年5月03日 13:41