jQuery照片堆叠效果插件Photopile JS演示

<link rel="stylesheet" href="css/photopile.css">
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/photopile.js"></script>

建议将 js 放到页面底部，至少需要将 photopile.js 放入底部，因为 photopile.js 会自动执行，在执行之前需要先加载 HTML。

<div class="photopile-wrapper">
    <ul class="photopile">
        <li>
            <a href="images/fullsize/01.jpg">
                <img src="images/thumbs/01.jpg" alt="" width="133" height="100">
            </a>
        </li>
        ……
    </ul>
</div>