支持Lazy loading的图片画廊jQuery插件 - Least.js
2013-06-03 09:20
671 查看
日期:2013-6-3 来源:GBin1.com
![](https://oscdn.geek-share.com/Uploads/Images/Content/201909/15/d1fc1745ceabf21b9ebe7d5a0b4a56d2.jpg)
在线演示
Least.js是一个jQuery开发的图片画廊,可以用来展示Pininterest风格的图片布局,它将无需的列表项目通过随机方式来加载。如果你点击任何图片的话,并不显示一个更大版本的图片,而是滑动其它的图片,在顶端生成更大的图片,类似Google图片搜索风格。
这个插件使用HTML5/CSS3的特性并且支持响应式的布局。
JS
HTML
via
极客标签
来源:支持Lazy loading的图片画廊jQuery插件 - Least.js
![](https://oscdn.geek-share.com/Uploads/Images/Content/201909/15/d1fc1745ceabf21b9ebe7d5a0b4a56d2.jpg)
在线演示
Least.js是一个jQuery开发的图片画廊,可以用来展示Pininterest风格的图片布局,它将无需的列表项目通过随机方式来加载。如果你点击任何图片的话,并不显示一个更大版本的图片,而是滑动其它的图片,在顶端生成更大的图片,类似Google图片搜索风格。
这个插件使用HTML5/CSS3的特性并且支持响应式的布局。
如何使用
导入类库JS
<!-- least.js CSS-file --> <link href="css/least.min.css" rel="stylesheet" /> <!-- jQuery libary --> <script src="http://code.jquery.com/jquery-latest.js" defer="defer"></script> <!-- least.js JS-file --> <script src="js/least.min.js" defer="defer"></script> <!-- Lazyload JS-file --> <script src="js/jquery.lazyload.js" defer="defer"></script>
HTML
<section> <ul id="gallery"> <li id="fullPreview"></li> <li>........
via
极客标签
来源:支持Lazy loading的图片画廊jQuery插件 - Least.js
相关文章推荐
- 支持Lazy loading的图片画廊jQuery插件 - Least.js
- 支持Lazy loading的图片画廊jQuery插件 - Least.js
- 延迟加载图片的 jQuery 插件:LazyLoad.js及scrollLoading.js
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- jquery插件-cityselect.js扩展(支持4层联动)
- Eclipse安装插件支持jQuery,Js智能提示
- jquery ajaxFileUpload.js插件支持多文件上传的方法
- jquery.lazyload.js-v1.9.1延时加载插件,已兼容ie6和各大浏览器
- jquery插件实现图片延迟加载(lazyload.js)
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js
- jQuery之jquery.lazyload.js插件用法
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- 两种图片延迟加载的方法总结jquery.scrollLoading.js与jquery.lazyload.js
- Jquery图片延迟加载插件jquery.lazyload.js的使用方法
- jQuery懒加载插件 – jquery.lazyload.js简单调用
- jquery delayLoading.js插件的延迟加载效果和图片延迟加载
- JQuery缓冲加载图片插件lazyload.js的使用方法
- 两种图片延迟加载的方法总结jquery.scrollLoading.js与jquery.lazyload.js
- Jquery图片延迟加载插件jquery.lazyload.js的使用方法