最新消息:数据恢复成功,博主又回来啦,和你们同在!

〖WordPress〗D-Simple——图片灯箱,图片延时加载插件二合一版

其它 ZmmFly 2781浏览 1评论

简介

嗯,是的,没看错,的确是D-Simple可以用的灯箱和图片延迟加载插件

其它主题也可以用哦~~不过,要想不改代码使用的前提是得标准主题

名称:Images Lazyload and Slideshow

插件为xiaoxu125634的作品

主要功能(引用自xiaoxu125634

1. 图片迟加载

目前应用的范围是文章内容部分的图片。

插件对通过ajax取文章内容的主题无效,对非规范主题无效。

 

2. 图片浏览效果

目前支持的效果有:fancybox 、prettyPhoto ,由于官网限制,部分效果会在此公布。

fancybox效果:

包含模式:双相册、单相册、单图片

prettyPhoto效果:

包含模式:双相册、单相册、单图片

 

另外,本插件对通过外部相册批量导过来的图片列表,有特别的支持。如我经常用 http://www.yupoo.com/ 的批量外链来发表一些图片文章,文章中的图片能全部具备图片浏览效果。

 

3. 自定义图片样式

主要用来自定义图片样式的,如给文章中图片加个圆角的白框,如鼠标移上去后显示可放大的图标 …

自行设置需要有一定的html、css基础,当然也可参考设置页面上列出的sample进行修改。

 

下面给一些常用的样式:

限制内容页中图片的最大宽度:
<style type=”text/css”>
/* maxwidth limit for content images */
#content img,.content img,.archive img,.post img {
margin-top:3px;
max-width:600px;
_width:expression(this.width>600?600:auto);
}
</style>
 
鼠标移到图片上,图片变暗,同时显示可放大的图标:
<style type=”text/css”>
/* style for slideshow images */
.slideshow_imgs {
cursor:url(http://simplenotestheme.googlecode.com/svn/trunk/autohighslide/highslide/graphics/zoomin.cur), pointer;
}
.slideshow_imgs:hover{opacity:0.5;filter:alpha(opacity=50);}
</style>

 

.slideshow_imgs样式是每个加上浏览效果的图片都具有的,程序自动加上,定义它也就影响了所有带效果的图片。对于highslide 效果来说,.slideshow_imgs就变成了.highslide或者.highslide-image,因highslide版本而异。

 

4. 网站统计代码设置

可参考设置页面上列出的sample进行设置。

有一点要注意的是,为了排版美观,最好是加个隐藏的容器,不显示统计代码的LOGO。没有LOGO显示出来的不用隐藏,如google的tracking code。

 

5.选择wp_footer还是wp_head

如果主题支持wp_footer,建议保留适用wp_footer;如果主题实在不支持,又不想换主题,就可以选择wp_head试试,不过由此带了一个问题,带输出图标的统计代码不能支持,要把统计代码空着,要不然会扰乱页面布局。

 更多说明

请到插件名称链接到的网页中查看!

地址

wordpress.org

http://wordpress.org/extend/plugins/images-lazyload-and-slideshow/

千易

文件名:images-lazyload-and-slideshow.zip

文件大小:485 KB

地址:http://1000eb.com/fwq2

城通

http://www.ctdisk.com/file/16896453

转载请注明:SH自留地 » 〖WordPress〗D-Simple——图片灯箱,图片延时加载插件二合一版

发表我的评论
取消评论

Protected by WP Anti Spam

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (1)

  1. 正在使用这个。。
    空城旧梦6年前 (2013-02-16)回复