I am houbiao beta 0.1

lazy-load-img jQuery 1.4.1 图片延迟加载

分类:jQuery

说起延迟加载图片可能也算个半生不老的话题了,之所以要重新再提一次是因为网上的大多插件功能略微有些丰富,说实话,觉得有些臃肿,而且个别用到了appear属性,这个在低版本的jQuery中没有还要单独引库,本身也不是很赞同用特高版本的jQuery库,所以在自己用的1.4.1的版本上做了个很简单的延迟加载,功能很简单也很好上手用。

直奔主题看DEMO吧,就三个参数DEMO - lazy-load-img jQuery 1.4.1 图片延迟加载

参数一:lazy_class;用来定义插件开始时为选择器的图片默认添加的样式名称,根据这个样式名称在后边来判断加载过程。

参数二:pre_load;用来定义图片提前加载的高度,默认是200像素,即在距离图片还有200像素的时候就开始进行加载,当然也可以是负数,效果就回变成当图片进入可视区域以后才加载。

参数三:effect;这个很明白啦,就是效果,不过暂时就支持2个,一个是fadeIn一个是show,不过个人感觉也无非这2个效果了。

然后页面调用的选择器也可以你随意定义,类似于$("img");$("img.class-name");$("img:not(.not-lazy)");$("#lazy_wrap img");

其他的一些功能类似于触发的类型等等都没有写到里边,毕竟是轻量化的东西,以实用和简单为主,在此基础上快速解析快速执行,这就是插件的目的了。

3403 reads 0 comment

已经是第一篇

暂时还没有回复信息

Leave a comment

*