首页 » » hotopile JS–jQuery照片堆叠照片墙效果插件

hotopile JS–jQuery照片堆叠照片墙效果插件

2018-05-20 10:46:05 1077浏览 照片,照片堆叠,照片墙


hotopile JS–jQuery照片堆叠照片墙效果插件


简介

hotopile JS 是模拟照片散布堆叠在一起的 jQuery 图片插件,它能够很的制作照片墙效果。点击缩略图,照片会弹出放大,左右的箭头可以查看“上一张”、“下一张”,再次点击会返回。缩略图可以拖动,所以即使被叠在非常后面的照片也能够轻松的找到。

兼容

浏览器兼容:兼容 IE9 及以上版本和其他主流浏览器。

jQuery 兼容:兼容 1.8 及以上版本。

使用方法

1、引入文件

<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。

2、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>

参数

hotopile JS 没有或者说没有提供参数,只需将 hotopile JS 放到页面底部即可。




相关文章

...

高蒙

男, PHP程序猿

文章

484

标签

41

热度

10w+

南京, 江苏, 中国

人生要是没有理想, 那跟咸鱼有什么分别。