LightWindow:多种媒体显示Lightbox灯箱

LightWindow:多种媒体显示Lightbox灯箱
 点击预览  点击下载

LightWindow是一款基于Prototype,类似于Lightbox灯箱效果的JS特效。其特点在于高度可定制,支持多种媒体显示(photo,swf,pdf,html,Movie),效果特别棒,推荐试用!

一、代码使用

1.在<head>区加入以下代码

  1. <!-- CSS --> 
  2. <link rel="stylesheet" type="text/css" href="css/default.css" /> 
  3. <link rel="stylesheet" type="text/css" href="css/lightwindow.css" /> 
  4.      
  5. <!-- JavaScript --> 
  6. <script type="text/javascript" src="javascript/prototype.js"></script> 
  7. <script type="text/javascript" src="javascript/effects.js"></script> 
  8. <script type="text/javascript" src="javascript/lightwindow.js"></script> 

2. 在超链接<a>(hyperlink)标签里,你可以改变如下属性。

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

 

转载请注明:代码家园 » LightWindow:多种媒体显示Lightbox灯箱

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)