今天,《双陈记》情侣博客给各位童鞋推荐一款图片插件,类似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特效后,左下处的图片数量统计会是网站所有文章里的图片数量,但能显示的只有当前文章的图片。