js动态更改src值后必须刷新页面才行的解决办法

原博客：https://www.iteye.com/problems/82225

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

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

问题原因
标签（img | a | embed）中有src=""的写法（这样会造成再次访问当前页）