给Emlog添加Swipebox灯箱效果

  • 2017年05月06日
  • 4条评论

之前一直不喜欢我博客之前的highslide图片灯箱效果,可是也没找到好的图片灯箱效果,今天在一个博客看到了swipebox,看上去不错,于是便移除了highslide换上了swipebox。

Swipebox 简介:

Swipebox 是一款可触摸的 jQuery 灯箱效果插件,可用于桌面,移动和平板电脑。它移动设备支持滑动手势导航,桌面电脑上可以用键盘导航,不支持 CSS3 过渡特性的浏览器使用 jQuery 降级处理,支持视网膜显示,能够通过 CSS 轻松定制。

首先在header文件里</head>前面引用swipebox.css :

<link rel="stylesheet" id="_swipebox-css" href="<?php echo TEMPLATE_URL;?>css/swipebox.css">
然后在footer文件里加入:
<script>$( document ).ready(function() {$( '.swipebox' ).swipebox();});</script>
<script type="text/javascript" src="<?php echo TEMPLATE_URL;?>js/jquery.swipebox.js"></script>

完成以上两步就可以实现了,有任何问题可以在下面评论留言,看到我回一一答复解决的!

Swipebox官方演示、下载地址:http://brutaldesign.github.io/swipebox/

Swipebox效果图:

image-2.jpg

5

4"条回应:“给Emlog添加Swipebox灯箱效果”

  1. JV 说道:

    用过,后来放弃了。

    • Break 说道:

      @JV:为什么放弃啊,有什么地方不对吗?

  2. 真难 说道:

    有赏的插件吗

    • Break 说道:

      @真难:没有。

发表评论