Lightbox是一个简单的图片浏览特效JS代码,用于网页内图片的展示特效,一般会兼容多种浏览。Lightbox官方网站的最近更新显示,Lightbox v2.04已经升级,这可以广大使用Lightbox用户的一大喜讯!
本版本更新如下:
- Image Sets: group related images and navigate through them with ease
- 图片集:群组相关的图像,并通过它们轻松导航
- Visual Effects: fancy pants transitions
- 礼堂特效:非常棒的切换效果
- Backwards Compatibility: yes!
- 向后兼容性:是的,兼容!
使用方法:
一、安装
1.Lightbox2使用的原型框架和Scriptaculous 效果库。您需要把这三个JavaScript文件包含到header文件中:
2.添加Lightbox CSS样式表文件,并设置让这个文件激活,可以通过如下代码:
3.确保你的CSS文件和prev.gif next.gif放在正确的位置,让他们能正常工作,另外,确保loading.gif 和 close.gif 文件能正常与 lightbox.js一起工作。
二、激活代码:
1.给图片的链接添加rel=”lightbox”属性来激活Lightbox,比如:
image #1
备注:如果想给图片添加标题,请用title标签。
2.如果你想把一些相关的图片弄成一组播放,你可以通过在rel属性中添加组标签来实现,如下:
image #1
image #2
image #3
在一个页面里没有图片数量限制,随意添加吧!
三、下载Lightbox v2.04:
Lightbox v2.04
如果你不想自己手动设置,特别是WordPress用户,你可以直接到这里使用插件来实现(支持最新版的WordPress):
Lightbox 2 for WordPress
评论