实用瀑布流画廊

查看演示立即下载

插件描述：基于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'

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： jQuery HTML导出Excel插件table2excel
下一个特效： jQuery响应式网页模板