码迷,mamicode.com
首页 > Web开发 > 详细

jQuery-plugin-lazyload

时间:2017-07-30 16:57:43      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:png   实现图   指定   github   jquery   com   技术分享   技术   data   

用法整理:

下载地址:https://github.com/tuupola/jquery_lazyload

参考文档:http://appelsiini.net/projects/lazyload/

能实现图片在在到达他指定位置的时候加载出来

技术分享

注意点:图片文件的引入是放在data-original="img/bmw_m1_hood.jpg"属性上

<script src="jquery-3.2.1.min.js"></script>
	<script src="jquery.lazyload.min.js"></script>
<script>
		$(function () {
			$(".pic1").lazyload();
		})
	</script>

  

<p>adjskaldjlsksajdlka.....
...................</p>
<img data-original="img/bmw_m1_hood.jpg" class="pic1">
	<img data-original="img/bmw_m3_gt.jpg" class="pic1">
	<img data-original="img/bmw_m1_side.jpg" class="pic1">

  

jQuery-plugin-lazyload

标签:png   实现图   指定   github   jquery   com   技术分享   技术   data   

原文地址:http://www.cnblogs.com/cyany/p/7259329.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!