jquery自适应照片瀑布流jquery自适应照片瀑布流是一款基于jQuery实现的照片瀑布流显示自适应页面宽度大小点击查看大图预览。jquery自适应瀑布流图片排序
<script type="text/javascript">
$(document).ready(function(){
var count = 14;
// 点击加载更多
$('.load_more').click(function(){
var html = "";
var img = '';
for(var i = count; i < count+13; i++){
var n = Math.round(Math.random(1)*13);
var src = 'images/'+n+'.jpg';
html = html + "<div class='grid'>"+
"<div class='imgholder'>"+
"<img class='lazy thumb_photo' title='"+i+"' src='images/pixel.gif' data-original='"+src+"' width='225' onclick='seeBig(this)'/>"+
"</div>"+
"</div>";
img = img + "<img class='img' src='"+src+"'>";
}
count = count + 13;
$('#container').append(html);
$('.content').append(img);
$('#container').BlocksIt({
numOfCol:4, //每行显示数
offsetX: 5, //图片的间隔
offsetY: 5 //图片的间隔
});
$("img.lazy").lazyload();
});
});
</script>
本站资源仅限于学习研究，严禁从事商业或者非法活动!
源码搜藏网所有源码来自互联网转载与用户上传分享，如果侵犯了您的权益请与我们联系，我们将在24小时内删除！谢谢！
下一篇：jQuery底部填充瀑布流
瀑布流下载排行
-
Aui-core实现模拟MVC单列表绝对定位版瀑布流js特效
2014-03-13
-
2016-07-20
-
2014-03-13
-
2015-03-08
-
2016-05-31
-
2015-11-07
-
2014-03-13
-
2014-05-16
最新文章
-
，jquery网站滚动条整屏滑动切换是一款支持自定义滚动条样式的jquery网站滚动代码
2022-03-15
-
2016-07-20
-
2016-05-31
-
2015-11-07
-
2015-03-08
-
2015-03-08
-
2015-02-05
-
2014-10-31
热门源码
