使用方法
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'