《双陈记》情侣博客

位置:主页 > 折腾WP > slimbox代码版

slimbox代码版

今天,《双陈记》情侣博客给各位童鞋推荐一款图片插件,类似lightbox效果的插件-slimbox。slimbox拥有更小的体积,效果也还不错的说!

可以去官方下载插件版本:slimbox插件官方下载地址,下载解压上传到博客插件目录:wp-content\plugins目录下,然后在后台-插件选择启用就OK,自动识别日志图片,加载lightbox效果。

也可以把解压下来的文件整理一下,搞成代码版的。

slimbox代码版折腾步骤如下:

1.将slimbox.js这个js文件上传到相应目录,比如:\wp-content\js\slimbox.js,然后在footer.php里调用这个js文件。

<script type=”text/javascript” src=”http://love730.com/wp-content/js/slimbox.js”></script>

(前提还要加载Jquery的库文件)

2.将slimbox的css代码复制到主题里的style.css里

3.拷贝slimbox目录下的mages里的图片到主题目录下的images里

4.在footer.php里调以下Jquery代码:

<script type="text/javascript">
 
$(".content img").slimbox();
</script>
.content 换成你的控制文章内容的id名称
到这里就基本OK了,这样就把文章内的所有图片都自动加载了slimbox特效。
效果图片:
更多图片请单击此处 
PS:这样搞定之后貌似有个小bug,点击实现slimbox特效后,左下处的图片数量统计会是网站所有文章里的图片数量,但能显示的只有当前文章的图片。


无觅相关文章插件

love730.com
To:双陈记

 疑问 冷笑 悲伤 坏蛋 感叹 微笑 脸红 大笑 吃惊 惊讶 困惑 酷 大声笑 恼火 古怪

您还可以输入300个字插入图片