js特效的照片墙，放100多张照片，它是一次载入吗？会不会造成打开浏览很慢？

JavaScript018

js特效的照片墙，放100多张照片，它是一次载入吗？会不会造成打开浏览很慢？,第1张

一楼回答正解，如果是从上到下排列的图片的话，1楼的方法完全可用。

如果是左右切换的照片，建议所有的100张图片都先用一张1*1像素的透明图片来代替，页面载入的时候改变第一张图片的url.点解左右箭头下一张的时候立刻改变相应图片的url

如

<img src="test.gif" dataurl="images/01.jpg">

<img src="test.gif" dataurl="images/02.jpg">

<img src="test.gif" dataurl="images/03.jpg">

不过悲剧的是楼主都不会JS。 难搞了。

window.onload = function ()

{

var aBox = $$$("box")

var aData = []

var aExample = []

var i = 0

//生成图片数据

for (i = 1i <9i++) aData[aData.length] = "http://www.codefans.net/jscss/demoimg/wall" + i + ".jpg"

//循环创建多个实例

for (i = 0i <aBox.lengthi++)

{

var oExample = new PhotoWall(aBox[i], aData)

aExample.push(oExample)

}

this.onresize = function ()

{

for (var p in aExample) aExample[p].changeLayout()

}

this.onresize()

}

这里写着的是图片链接

这种情况用CSS来控制最合适。例如你想让初始图片显示为100px*100px，则：

<img src="images/pic.png" width="100" height="100" />

或者：

<img src="images/pic.png" style="width:100pxheight:100px" />

当页面中图片非常多，且要求每张图片的大小依据其父容器来固定怎么办？可以使用max-weight：

img {max-weight:100%}

这样图片会自动缩放到和其父容器等宽。