本站使用的WordPress插件-Lightbox 2
Lightbox 2 是一个很酷的 WordPress 图片插件,可以在你的博客中平滑地显示出图片,同时页面其余部分变成了黑色或者其他背景。补充一点一定要等页面加载完毕点击图片才能出现lightbox效果哦!
Lightbox 2 | 2.7.7 | Used to overlay images on the current page. Lightbox JS v2.2 by Lokesh Dhakar. Mad props to Tanin and Eric Strathmeyer for improvements and fixes! 作者:Rupert Morris. |
在网上摘录了对此插件的详细介绍, 链接如下:http://www.gtalkme.com/wordpress/wordpress-plugin-lightbox2.html
插件介绍:Lightbox 2 是一款很酷的图片显示插件,可以让你在一个平滑展开的新窗口中展现出图片,而同时页面的其余部分都变成黑色背景。使用这款插件,是为了当你的的图片过大必须缩小到页面的宽度时,可以让读者在当前页面浏览完整大小的图片,而不用离开。并且这款插件支持所有主流的浏览器。
Lightbox 2插件很多人都有使用,最早的作者是Lokesh Dhakar,版本一直停留在v2.03.3,并且没有放到Wordpress.org的host上。本文介绍的版本是http://www.stimuli.ca基于原始的Lightbox 2 javascript/css改进,并使用SVN在Wordpress.org上进行更新维护。
同时这个版本还有的特点包括:
提供了Black, White, Grey and Dark Grey四种主题颜色,可以在后台Lightbox 2 Options设置;
在保留了原始的键盘P and N 键进行前进后退的基础上,还使用了 arrow keys 图标扩展;
关闭Lightbox窗口效果图可以使用键盘上的X and Escape 键,或者点击图片外的任何地方;
兼容任何wordpress的主题。
使用方法:
1. 给单张图片加上显示效果,例如:
给原图加上一个rel=”lightbox”的属性,并且还可以使用title属性给图片命名。
2. 给一组图片加上显示效果,例如:
<a href=“原图-2.jpg“ rel=“lightbox[roadtrip]“><img src=“../thumb-2.jpg“></a>
<a href=“原图-3.jpg“ rel=“lightbox[roadtrip]“><img src=“../thumb-3.jpg“></a>
给原图-.jpg加上一个lightbox[roadtrip]的属性,同样可以使用title属性给图片命名,并且对图片数量没有限制。
另外,如果觉得每次都要加上这个属性比较麻烦,可以使用Mdkart制作的lightbox-auto插件,它会自动为你完成这些加属性的工作 。