grid图片展示 jquery_rowGrid.js 基于 jQuery 轻量级图片流横排布局插件 - 文章

rowGrid.js 一个小型的轻量级JavaScript插件,用于将图片整齐的排成一行,高度被设置成一致,而且是响应式的,可以无限滚动阅览。

网格类似于 Google Image Search、Flickr、Shutterstock 和 Google+ 图像上的网格。

特征

响应性

无限滚动

支持所有现代浏览器和 IE >= 8

如果你不喜欢 jQuery 的版本,你可以在这里找到无依赖的插件:https://github.com/brunjo/rowGrid

安装

需要 jQuery 1.7 或更高版本。

您还可以使用 Bower 或 NPM 安装它:

用 Bower: bower install rowGrid.js.

用 NPM: npm install rowgrid.js.

使用方法

重要的是将宽度和高度声明为属性在IMG标记上,或者在开始 rowGrid.js 之前等待加载图像。

编辑 HTML 结构:

...

设置一些参数,然后初始化:

var options 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值