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

JavaScript049

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。 难搞了。

这种情况用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%}

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