Lightbox js 2.02安装和使用方法(update)

  • Posted on
  • by

既然我刚装了个coolcode插件,允许我插入代码,我就重写一下lightbox安装和使用方法。

1 将解压后的三个文件夹css,images,js上传到wordpress根目录。

2 将header.php用记事本打开,添加代码

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

将header.php上传回去原来的位置。

3 插入单张图片的话,在图片后添加属性rel="lightbox"。

例如:<a href="images/image-1.jpg" rel="lightbox" title="my caption" rel="nofollow">image #1</a>

其中images/image-1.jpg是图片的路径。

添加多张图片,插入代码如下:

<a href="images/image-1.jpg" rel="lightbox[roadtrip]" rel="nofollow">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]" rel="nofollow">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]" rel="nofollow">image #3</a>