之前购买过一个主题叫纸蛋糕,是基于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>
这篇文章还没有评论