[代码样式]hotopile JS – jQuery照片堆叠效果插件

[代码样式]hotopile JS – jQuery照片堆叠效果插件

简介

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

兼容

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

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

使用方法

1、引入文件

<link rel="stylesheet" href="https://www.dowebok.com/css/photopile.css">
<script src="https://www.dowebok.com/js/jquery.min.js"></script>
<script src="https://www.dowebok.com/js/jquery-ui.min.js"></script>
<script src="https://www.dowebok.com/js/photopile.js"></script>

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

2、HTML

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

参数

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

隐藏内容,您需要满足以下条件方可查看
End

人已赞赏
脚本代码

[代码样式]jQuery Tab选项卡插件tabulous.js

2020-10-23 16:05:59

脚本代码

[代码样式]jQuery图片滑动对比插件twentytwenty

2020-10-23 16:06:01

下载说明

  • 1、微码盒所提供的压缩包若无特别说明,解压密码均为weimahe.com
  • 2、下载后文件若为压缩包格式,请安装7Z软件或者其它压缩软件进行解压;
  • 3、文件比较大的时候,建议使用下载工具进行下载,浏览器下载有时候会自动中断,导致下载错误;
  • 4、资源可能会由于内容问题被和谐,导致下载链接不可用,遇到此问题,请到文章页面进行反馈,以便微码盒及时进行更新;
  • 5、其他下载问题请自行搜索教程,这里不一一讲解。

站长声明

本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有;若为付费资源,请在下载后24小时之内自觉删除;若作商业用途,请到原网站购买;由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索