用JS实现的缩略图不是真正的缩略图,只是把原来的图片显示的时候尺寸给缩小了而已。
真正的缩略图得在服务器端进行缩略,比如ASP的ASPJPEG组件对图片进行缩小,或者PHP的GD库等,这样实现的缩略图才会一开始就缩小显示。
JS的缩略图你明白了原理就知道为什么先很大再缩小。
1、JS对图片进行缩小的计算是通过onload事件触发的,必须图片完全下载完毕才会触发onload事件。
2、图片没下载完之前,是按原尺寸显示的,完全下载完之后,才会由onload事件触发缩小的函数,对图片进行缩小显示。如果网速快这个过程很短暂,肉眼发觉不出来,如果网速慢或者一般,这个过程就会很长,肉眼就能看见图片先大后小