求教JS问题

[uoryon]

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"})
}
求讲解啊，这代码不太看得懂啊。。。

[justfindu]

代码是加载大图片用的.用image创建,
他的大小图片分别放在 small 和 big 文件夹下,文件名相同. 然后直接用Image类的onload加载大图.
那个div是为了显示旋转的菊花,也就是loading图片...你网速慢的话会看到那玩意儿

[uoryon]

@justfindu 谢了，有种恍然大悟的感觉。

[kidblg]

那个空div的背景是个loading图片，一开始隐藏的，你鼠标移到别的图片的时候，div显示loading。你看看那个div的css吧，用chrome看下。

[uoryon]

@kidblg 嗯。

[yuzhigang33]

这个代码在哪儿看的啊？

[uoryon]

@yuzhigang33 chrome直接F12，firefox用firebug

[cougar]

例子思路挺好的，不过每次都要生成新对象，如果图片太多会不会有性能问题？

[uoryon]

@cougar 新手，完全不理解。。。

[tuoxie007]

@cougar 不会吧，浏览器没那么SB吧