首页 > 网页特效 > 图片特效 > LightWindow:支持多种媒体显示的Lightbox灯箱特效

LightWindow:支持多种媒体显示的Lightbox灯箱特效

时间:2010-05-24    来源:酷站代码

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


栏目搜索>>分类导航
Flash幻灯 jQuery幻灯 JS幻灯 Flash相册 jQuery相册 图片特效 导航菜单 广告代码 在线客服 表单按钮 其它特效

HTML CSS JavaScript Dreamweaver Fireworks 设计分享

建站教程 网站运营 实用工具 网页模板 网页素材

CSS酷站 网上购物 设计团队 设计博客
下载排行榜
31款简单实用的CSS+JS下拉菜单脚本
带标题和数字导航的JS焦点幻灯特效代码
半透明立体质感的宽屏flash+xml焦点幻灯代码
简洁效果多图切换flash幻灯焦点图代码
适合摄影网站超漂亮的宽屏flash+xml幻灯轮换代码
透明质感上下滑动带小图预览5屏JS焦点图幻...
唯美华丽带缩略小图的滑动式JQuery幻灯片特...
14款很漂亮的jQuery导航菜单插件
3D立体效果金字塔环形旋转的flash+xml相册代码
带标题显示的宽屏jQuery焦点幻灯片代码
教程排行榜
21个可用于网站和博客的免费视频播放器插件
10个WEB开发者应该收藏的实用工具网站推荐
20款国外知名的PHP开源免费CMS系统推荐
10款有利于加速WEB开发的必备CSS开发框架
国外十五款优秀的免费开源电子商务平台
新浪SAE新手教程:如何下载和安装DiscuzX2.0?
微博数据分析:新浪微博企业微博发布时间规...
12款跨浏览器的网页兼容性测试工具推荐
国外五款主流的免费网站流量统计工具
巧用QQ漂流瓶做网站营销推广