js读取一张图片时，浏览器总会有反映，而且速度慢，请问用js变换图片时，如何做到快？而且浏览器没反映

答案：可以把这两张图片合在一个文件中，就是说，一张图片：上(左)半部分是a.gif的画面，下(右)半部分是b.gif的画面。设置css样式时，要指定背景图片位置。
如：$('img').style.background='url(images/c.gif) no-repeat 0 0';//第一张图
$('img').style.background='url(images/c.gif) no-repeat 100px 0';第二张图
因为c.gif是一次性载入的，就不会有没反应的问题。

其他：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href=>http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href=>http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>图片变换</title>
<style>

</style>
<script type="text/javascript">
var flag=0;
function change(){
 var img=document.getElementById("pic");
 if(flag==0){
  img.src="imgs/2.jpg";
  flag=1;
 }else{
  img.src="imgs/1.jpg";
  flag=0;
 }

}
</script>
</head>

<body>
    <div id="div1">
    <img src="imgs/1.jpg" width="400" height="300" id="pic"/>
 <input type="button" value="改变" onclick="change()"/>
    </div>
</body>
</html>
希望你能满意。帮 你说的反映应该是载入是不会完整显示图片的情况吧。。   很简单  一起载入就好了   

随便在哪里加
<img style="display:none" src="images/a.gif" />
<img style="display:none" src="images/b.gif" />
...
其实很多网站做图片切换并不是读取另一个图片   而是 显示一个图片 隐藏一个图片

上一个：JS 中<div>的问题？？click 事件不执行，忘各位帮我看看问题出在哪里？？？
下一个：js调用数据库问题，知道的回答一下，谢谢。

更多图片编程知识: