最近在研究一个灯箱功能和图片延迟加载(懒惰加载)功能,但是经过大量的折腾,发现了Images Lazyload and Slideshow这个插件,既能满足灯箱功能,又能解决图片延迟加载。
功能方面算是比较全的一个插件了,可以对站点所有图片进行设置,也可以单独对某些单独的类进行设置,拥有这么个性化的设置简直对站长来说是福音。
功能简介:
1. 图片迟加载
目前应用的范围是文章内容部分的图片。
插件对通过ajax取文章内容的主题无效,对非规范主题无效。
2. 图片浏览效果
目前支持的效果有:fancybox 、prettyPhoto ,由于官网限制,部分效果会在此公布。
fancybox效果:
包含模式:双相册、单相册、单图片
prettyPhoto效果:
包含模式:双相册、单相册、单图片
另外,本插件对通过外部相册批量导过来的图片列表,有特别的支持。如我经常用 http://www.yupoo.com/ 的批量外链来发表一些图片文章,文章中的图片能全部具备图片浏览效果。
3. 自定义图片样式
主要用来自定义图片样式的,如给文章中图片加个圆角的白框,如鼠标移上去后显示可放大的图标 …
自行设置需要有一定的html、css基础,当然也可参考设置页面上列出的sample进行修改。
比如限制内容页中图片的最大宽度,鼠标移到图片上,图片变暗,同时显示可放大的图标:
.slideshow_imgs样式是每个加上浏览效果的图片都具有的,程序自动加上,定义它也就影响了所有带效果的图片。对于highslide 效果来说,.slideshow_imgs就变成了.highslide或者.highslide-image,因highslide版本而异。
4. 网站统计代码设置
可参考设置页面上列出的sample进行设置。
有一点要注意的是,为了排版美观,最好是加个隐藏的容器,不显示统计代码的LOGO。
5.选择wp_footer还是wp_head
如果主题支持wp_footer,建议保留适用wp_footer;如果主题实在不支持,又不想换主题,就可以选择wp_head试试,不过由此带了一个问题,带输出图标的统计代码不能支持,要把统计代码空着,要不然会扰乱页面布局。
最后,如果需要的朋友可以直接在后台搜索 Images Lazyload and Slideshow下载安装插件。当然,我这里下载备份了一个,防止官网没了找不到,也附在后面下载了。
插件下载地址:
图片灯箱+图片延迟加载images-lazyload-and-slideshow
提取码:ak48
;解压码: