这是一个创建于 4679 天前的主题，其中的信息可能已经有所发展或是发生改变。
http://js.fgm.cc/learn/lesson2/11.html
这里面那个， <li class="first"><img src="img/big_1.jpg"><div></div></li>
空的div有什么用额。。
还有
oImg[i].onmouseover = function ()
{
var img = new Image();
img.src = oImg[0].src = this.src.replace(/small/,"big");
oDiv.style.display = "block";
img.complete ? oDiv.style.display = "none" : (oImg[0].onload = function() {oDiv.style.display = "none"})
}
求讲解啊，这代码不太看得懂啊。。。
这里面那个， <li class="first"><img src="img/big_1.jpg"><div></div></li>
空的div有什么用额。。
还有
oImg[i].onmouseover = function ()
{
var img = new Image();
img.src = oImg[0].src = this.src.replace(/small/,"big");
oDiv.style.display = "block";
img.complete ? oDiv.style.display = "none" : (oImg[0].onload = function() {oDiv.style.display = "none"})
}
求讲解啊，这代码不太看得懂啊。。。
 |
1
justfindu 2012-03-08 16:05:02 +08:00
代码是加载大图片用的.用image创建,
他的大小图片分别放在 small 和 big 文件夹下,文件名相同. 然后直接用Image类的onload加载大图. 那个div是为了显示旋转的菊花,也就是loading图片...你网速慢的话会看到那玩意儿 |
 |
3
kidblg 2012-03-08 16:15:58 +08:00
那个空div的背景是个loading图片，一开始隐藏的，你鼠标移到别的图片的时候，div显示loading。你看看那个div的css吧，用chrome看下。
|
 |
5
yuzhigang33 2012-03-08 16:20:39 +08:00
这个代码在哪儿看的啊？
|
 |
6
uoryon OP @yuzhigang33 chrome直接F12，firefox用firebug
|
 |
7
cougar 2012-03-08 16:26:42 +08:00
例子思路挺好的，不过每次都要生成新对象，如果图片太多会不会有性能问题？
|
Select Language