插件描述：基于jq的瀑布流画廊
使用方法
DOM准备：
<div id="main"> <div class="img"> <img src="1.jpg" size="398*636" /> <p class="tip">这是tip1</p> </div> </div> <div id="img"> <div id="img-container"></div> <img src="" draggable="false"> <p id="tip"></p> <div id="btn-left"></div> <div id="btn-right"></div> </div>
以上就构成了可以实现效果的最小DOM，
这里id="img"内的DOM结构是不能变的,图片部分的类名和ID可以更改
JS配置：
//config //图像最小单位类选择器名 var imgClassname = 'img'; //图像说明类选择器名 var pClassname = 'tip'; //应用瀑布流的图像的类选择器名 var waterClassname = 'img'; //应用瀑布流的图像的宽度 var imgWidth = 150; //图像最小单位父级容器的ID var parentIdName = 'main'
PREVIOUS:
NEXT:
相关插件-布局
兼容IE8的响应式网格瀑布流布局jQuery插件
Pinterest Grid是一款仿Pinterest网站的响应式网格瀑布流布局jQuery插件。该瀑布流插件使用简单，可以随父容器的大小自动调节网格布局，并且支持IE8+的IE浏览器。
布局
讨论这个项目（17）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
