Skip to content

justnode/imageLazy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 

Repository files navigation

##基于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
})

About

imageLazy is a jQuery Pluge

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published