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

 jQuery插件   阅读(152)   评论(0)   2018-05-20 10:46:05    照片 照片堆叠 照片墙 


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 放到页面底部即可。


参看网址:




相关文章



    我要评论


    站长昵称:(*)

    输入内容:


    评论列表


    高蒙

    男,程序猿一枚

     

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


    关于我

      http://www.shuchengxian.com

    高蒙个人博客是以PHP技术为主的程序员个人博客。博客主要发布php开发中遇到的问题以及解决办法,同时个人博客也分享网站模板素材,jquery插件等方面素材。


    站点声明:相关侵权、举报、投诉及建议等,请发E-mail:936594075#qq.com(#替换成@)。

    Copyright © 2018, www.shuchengxian.com, All rights reserved. 个人博客皖公网安备 34152302000022号 皖ICP备15015490号

    关键词:个人博客,PHP博客,PHP博客程序,高蒙博客,高蒙个人博客,php程序员博客,程序员个人博客