瀑布流布局插件

waterfallLayout

瀑布流布局插件

使用说明:

$("selector").waterfallLayout({ "marginLeft": 20, "marginTop": 15, "picPadding": 10, "numPerLine" : 4, "waterfallElement": "li" }) 参数说明:

可选:

margimLeft: 元素左边距 marginTop: 元素上边距 picPadding: 元素内图片边距 numPerLine: 每行元素个数 waterfallElement: 元素节点名称

重要提示:必须在图片加载、DOM绘制完成之后再进行布局,否则无法获取图片高度,导致页面错乱

推荐使用jquery插件:jquery.waitforimages.js,以确保图片加载完成

jquery.waitforimages.js插件地址:https://github.com/alexanderdickson/waitForImages

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。