jQuery点击添加更多图片瀑布流代码

1、新建html文档。

3、书写hmtl代码。<div class="htmleaf-content bgcolor-3"> <h3 class="center">点击任意地方添加2张图片 </h3> <div class="container"> <div class="container_inner"> <div class="item"><img src="images/1.jpg" alt=""></div> <div class="item"><img src="images/2.jpg" alt=""></div> <div class="item"><img src="images/3.jpg" alt=""></div> <div class="item"><img src="images/4.jpg" alt=""></div> <div class="item"><img src="images/5.jpg" alt=""></div> <div class="item"><img src="images/6.jpg" alt=""></div> </div> <p class="load">Fetching images</p> </div></div>

5、书写并添加js代码。<script src='js/jquery.min.js'></script> <script src='js/imagesloaded.pkgd.min.js'></script> <script src='js/fluid.jquery.js'></script> <script src='js/main.js'></script>

7、查看效果。