|

- UID
- 240
- 帖子
- 10
- 精华
- 0
- 积分
- 6
- 威望值
- 0 点
- 懒人币
- 100 枚
- 贡献值
- 3 点
- 人气值
- 0 ℃
- 注册时间
- 2007-8-6
|
1#
发表于 2007-8-7 17:59
| 只看该作者
灯箱看图效果,超酷!!
第一步
在<head></head>插入以下代码.
<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>
插入或绑定CSS样式表.
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
检查CSS中 prevlabel.gif 和 nextlabel.gif 图片路径. 还有, 修改lightbox.js 文件顶部的 loading.gif 和 closelabel.gif 两个图片的路径位置
第二步
在任意链接里添加属性 rel="lightbox" 例:
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
说明: 如果想加一个说明可以使用 title 属性
如果你想使用多组图片,同时进行前后选择,可使用属性名称进行区别. 例:
<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
对于使用的图像没有数目限制,非常值得一用 |
附件: 您所在的用户组无法下载或查看附件
|
设计这种工作...起的比鸡都早、吃的比猪都差、干的比驴都多、挣的比民工都少... |
|