body,ul,li{margin:0;padding:0;} body{background:#000;} img{border:0;border-radius:3px;} ul{list-style-type:none;} #box{width:212px;border:5px solid #fff;overflow:hidden;zoom:1;background:#fff;border-radius:5px;margin:10px auto;padding:0 0 3px 3px;} #box li,#box li img{float:left;width:50px;height:50px;} #box li{margin:3px 3px 0 0;} #box li.first{position:relative;} #box li.first,#box li.first img{width:156px;height:156px;} #box li.first div{position:absolute;top:0;left:0;width:156px;height:156px;display:none;opacity:0.5;filter:alpha(opacity=50);background:#fff url(img/loading.gif) 50% 50% no-repeat;}
如上述,
img.complete ? oDiv.style.display = "none" : (oImg[0].onload = function() {oDiv.style.display = "none"})这句不太懂,另外图片比较小,是否真的有判断加载的必要? |