摘要：
特效优点：加速wordpress站点的页面载入速度；不唐突的图片渐显方式；代码精简，便于操作维护，JS代码仅仅 1.6KB 先决条件是：你的站加载了 Jquery.js 原理：这个特效是少有的即华丽又加速的效果，因为它能判断访客是不是在查看当前图片，若非则加载预留的填充图片 grey.gif ，等到访客滑动鼠标滑轮或浏览到图片位置时，真正的图片地址才会加载。 也就是说，如果访客瞬间打开你的页面，然后瞬间关闭，处于页脚的图片是不被加载的，何乐而不为呢？ 不用担心对访客的友好程度，这个效果会在图片即将被浏览到的时候就开始加载图片。实现方法：下载 jquery.lazyload.js 下载 预填充. 阅读全文
摘要：
在浏览有些网站时，发现图片是在下拉滚动条时才加载,这是一个很不错的用户体验。这一效果是通过JavaScript 编写的 jQuery 插件实现的，它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担. 有些WordPress主题也具备了此功能。目前我用的这个热点新闻主题由于有缩略图功能所以也试着加上看看效果如何。这里把这一功能应用到WordPress主题方法说一 阅读全文
摘要：
技术原理简介： 用户访问页面很多时候，并没有滚动到底部，所以有时候很多图片载入却是浪费了时间 将需要被动加载的图片的src属性用自定义属性写入HTML，src指向一个1像素宽高的占位图片 根据滚动条位置和图片坐标计算判断图片是否出现在可视区域内，如果是，那么加载图片技术的好处： 1，加快页面载入速度，提高用户体验，首页图片较多的页面尤其明显 2，节省流量和服务器连接数/*** Javascript Image Delay load** Javascript实现的页面图片被动加载类，在使用前用1像素图像进行占位* 并给img tag 添加 自定义bigsrc属性 ，当有图片进入可视区域内... 阅读全文
