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               // 表单的名字

点击查看素材的预览效果
  • 验证码:

赞助链接

分类导航

热门下载

赞助链接