🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

imageLoader is a jQuery plugin to smartly and efficiently lazy load images with support for horizontal or vertical page scrolling.

image-loading lazy-load

Documentation

##基于jQuery的图片懒加载插件

###简介 当页面中的图片数量很多时,我们没必要一次把所有的图片就加载进来,只需要先把可视区域中的图片加载进来。此插件就是为了实现这个功能而编写的。

此插件充分利用jQuery的缓存机制,做了很多的性能优化,减少了大量的DOM操作,使得页面性能大幅提高,尤其是当页面中图片数量较多时,使用此插件不会有卡顿的感觉。 ###demo示例: 水平滚动
垂直滚动 ###API

  • container:指定包含图片的容器,默认值为window
  • verticle:值为true时表示垂直滚动
  • dataSrc: img元素中存放图片地址的属性,默认为data-src
  • threshold : 触发距离,默认为0

###示例: 在html中的img标签可以这样写:<img src="占位图片的地址" data-src="图片的真实地址">

js调用的代码,在此之前需要引入jQuery和此插件

//使用默认值的情况 $('img').imgLoader({ 	//如果不传参,那么会使用默认值 })  //传递参数的情况 $('selector.img').imgLoader({ 	vertical: false, //表示水平滚动     container: selector }) 

You May Also Like