Posted by: billconan | September 24, 2006

试验一下light box 2

很早就发现不少网站显示图像的时候很特别,比如说wordpress.org上面显示博客模版的那个浏览器,以及blogger的一个模版站的图像显示功能。但是我一直不知道这个叫做light box,是一个javascript的图像显示代码。官方网站在这里:http://www.huddletogether.com/projects/lightbox2/
安装的过程是这样的:
首先到官方网站下载代码。
之后是修改文件中图像的路径。
然后上传到你认为比较稳定的空间去。我用的googlepages。
在博客模版中的head标记中添加下面的代码:

在调用light box的地方使用这样的代码,增加一个rel=”lightbox”的属性:

image #1

如果是一组图片可以添加这样的代码,其中中括号内是组的名称:

image #1
image #2
image #3

点击这些图片可以查看到效果。

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Categories

%d bloggers like this: