秋水无限请进,图像预载问题

Question

var myImage = new Image()
　　　　　　myImage.src = "someImage.gif" 

Answer 1

那么有一个图像<img src="someImage.gif">
载入的时候就从客户端取了吗，

Answer 2

创建Image实例,指向src浏览器在调此图片时，就从内存中调入

Answer 3

<script>
a=new Image()
a.src="http://expert.csdn.net/images/csdn.gif"
b=new Image()
b.src="http://www.csdn.net/images/ad/vsnet_120.gif"
function aa(o)
{
eval("document.all.i.src="+o +".src")
}
</script>
<img src="http://lucky.myrice.com/javabk1.jpg" id=i onmouseover="aa('a')" onmouseout="aa('b')" >

Answer 4

var a=new Image();
a.src="http://server/1.pic";
a.src="http://server/2.pic";
a.src="http://server/3.pic";这样 1.pic和2.pic和3.pic都被浏览器cache了，下次浏览器使用这3张图片
的时候就直接从客户端cache里面读取，而不必到server上去读

Answer 5

<SCRIPT LANGUAGE=javascript>
<!--
var arr=new Array();
arr[0]=new Image();
arr[1]=new Image();
arr[0].src="http://expert.csdn.net/images/csdn.gif"
arr[1].src="http://www.csdn.net/images/ad/magazine_subscibe.GIF"
//-->
</SCRIPT><img src="http://expert.csdn.net/images/csdn.gif" onmouseover="this.src='http://www.csdn.net/images/ad/magazine_subscibe.GIF'" onmouseout="this.src='http://expert.csdn.net/images/csdn.gif'">

Answer 6

请问阿舜，
var a=new Image();
a.src="http://server/1.pic";
a.src="http://server/2.pic";
a.src="http://server/3.pic";
这样有一个图片
<img src="http://server/1.pic">
这个时候就从客户端取了吗

Answer 7

请问孟子
function aa(o)
{
eval("document.all.i.src="+o +".src")
}
变成直接的地址也行吗
function aa(o)
{
eval("document.all.i.src=“http://www.csdn.net/images/ad/vsnet_120.gif”)
}

Answer 8

不好意思，将我的改为：<img id=cImg src="http://expert.csdn.net/images/csdn.gif" onmouseover="this.src=arr[1].src" onmouseout="this.src=arr[0].src">

Answer 9

我问一下，一定要用新建image对象的src去赋值吗
比如this.src=arr[1].src
不能用地址吗

Answer 10

function aa(o)
{
eval("document.all.i.src=“http://www.csdn.net/images/ad/vsnet_120.gif”)
}
这样就不是预载了

Answer 11

你的意思是说，一定要用src赋值吗

Answer 12

是的，一定要用src
下面的代码，<img>里面的图片还是从服务器端读取的
var a=new Image();
a.src="http://server/1.pic";
<img src="http://server/1.pic">  如果要从cache里读，只能这样
var a=new Image();
a.src="http://server/1.pic";
document.write('<img src='+a.src+'>')

Answer 13

那请问阿舜
var a=new Image();
a.src="http://server/1.pic";
a.src="http://server/2.pic";
a.src="http://server/3.pic";
上面的语句有什么用呢
三个图片都存到一个对象里面，
用的时候比如a.src指的是哪一个呢

Answer 14

最后一个你可以测试：<SCRIPT LANGUAGE=javascript>
<!--var a=new Image();
a.src="http://expert.csdn.net/images/csdn.gif";
a.src="http://www.csdn.net/images/ad/magazine_subscibe.GIF";
//-->
</SCRIPT>
<img onload="this.src=a.src" src="http://expert.csdn.net/images/csdn.gif">

Answer 15

基本上我明白了，现在问一个实际的问题，举个例子
我现在有一个table
id='dyna'
table里有许多<img src=...>我在js中有一个字符串
str="<table>....<img src=...>...</table>“
我用dyna.innerHTML=str动态产生table中的内容
现在我想预载这些图片，可以这样吗
a.src="http://expert.csdn.net/images/csdn.gif";
b.src="http://www.csdn.net/images/ad/magazine_subscibe.GIF";str中的图片
"<img src="+a.src+">"
"<img src="+b.src+">"

Answer 16

预载就是在显示之前装载，一般有以下几种
1.new Image()
2.CreateElement("IMG")
3.<img style=display:none还有一种就是在过渡页先装载，然后转向
上面大家都说得挺好的

Answer 17

我来补上秋水的发言
1，先创建image对象
2，在需要装载图片的地方
用image.src赋值
不能用地址