首页 > Web开发 > 详细

jQuery-plugin-lazyload

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

用法整理:

下载地址: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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!