LightWindow:支持多种媒体显示的Lightbox灯箱特效
LightWindow是一款基于Prototype,类似于Lightbox灯箱效果的JS特效。其特点在于高度可定制,支持多种媒体显示(photo,swf,pdf,html,Movie),效果特别棒,推荐试用!
一、代码使用
1.在<head>区加入以下代码
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/lightwindow.css" />
<!-- JavaScript -->
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/effects.js"></script>
<script type="text/javascript" src="javascript/lightwindow.js"></script>
2. 在超链接<a>(hyperlink)标签里,你可以改变如下属性。
params="lightwindow_width=516,lightwindow_height=530,lightwindow_show_images=2"
可选属性如下:
- lightwindow_width // 窗口的宽度
- lightwindow_height // 窗口的高度
- lightwindow_show_images // 在一个画廊里一次性要展示的图片的数量,默认是 1, 这很方便声明不管你是在设置前还是在设置后
- lightwindow_top // 设置窗口距顶部的整数距离
- lightwindow_left // 设置窗口距左边的整数距离
- lightwindow_type // 指定窗口要指定的数据类型, external, image, media, inline
- lightwindow_loading_animation // Set to false to opt to not fade out the Loading Cover(缓冲条动画的相关设置)
- lightwindow_iframe_embed // 嵌入一个媒体到框架内,而不是嵌入到一个div标签内
- lightwindow_form // 表单的名字
当前共有0人发表了评论








