原本本站的图片浏览想通过自己敲代码代码一步一步实现出来,但理想是美好的。刚开始写就遇到了问题,首先是冒泡问题,这个好解决。然后因为本站的图片一般都偏大,一般都会有1600X1920的大小,这个尺寸对于我们1366X768的电脑分辨率来说,怎么显示是个问题。而且要控制图片居中显示,只能在图片加载完之后再获取图片的高宽,再加以控制居中显示。后面也只好用插件wp-lightbox-2来实现这种效果,现在也知道javascript图片预加载技术可以解决这个问题。
图片预加载技术的典型应用
如lightbox方式展现照片,无疑需要提前获得大图的尺寸,这样才能居中定位,由于javascript无法获取img文件头数据,必须等待其加载完毕后才能获取真实的大小然后展示出来,所以lightbox显示的图片的速度体验要比直接输出的差很多,而本文说提到的预加载技术主要针对获取图片尺寸。 查看全文