给博客配置灯箱 – ViewImage
- 共 3,571 次检阅

之前购买过一个主题叫纸蛋糕,是基于Wordpress的,很久没做博客现在又捡回来了,那时候就觉得灯箱效果很不错,可以在不影响原本网页浏览的情况下放大图片,但是一时又没记起来名字,想了很久最后找出来是zoom.js,当时用的时候觉得还不错,用的时间长了后,后面想把这个灯箱插件融入到现在的Typecho博客,所以我在网上找了很久的类似的灯箱插件,不过都不是很轻量,最后找到了这个灯箱插件,绝对轻量,引入一个js即可使用,推荐给大伙试一试。这款灯箱的名字叫做:ViewImage.js

点击下面图片就可以看到效果,因为博客用了ajax刷新,引入的script引入了两次。

使用方法:

  • 首先引入 [js插件下载][1]
  • 使用页面插入以下script代码
  • 将以下script代码中的"post-content"修改成你页面的img父元素DIV名称即可
<script>
    jQuery(document).ready(function () {
        jQuery.viewImage({
            'target' : '.post-content img', //需要使用ViewImage的图片
            'exclude': '.null img',    //要排除的图片
            'delay'  : 300                //延迟时间
        });
    });
</script>

 

 

 

分享到:

这篇文章还没有评论

发表评论