使用方法

DOM准备：

    

        <div id="main">
            <div class="img">
                <img src="1.png" 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'