Lightbox是一款非常不错的图片特效Javascript框架。它的主要功能是在网页中为图片添加展示特效,形成如下图所示的效果。
Lightbox是基于著名的Javascript开源框架prototype.js的,功能非常强大。
Lightbox的使用方法介绍
第一步:下载Lightbox,解压,集成到你的项目当中。
第二步:添加Lightbox相关Javascript页面的引用。
示例:
<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>
第三步:将特效添加到图片上。
如果你只有一张图片,可以这样添加:
<a href="你的图片路径" _fcksavedurl=""你的图片路径"" _fcksavedurl=""你的图片路径"" rel="lightbox" title="my caption">链接文字</a> 如果你有多张图片,则可以这样:
<a href="图片路径1" rel="lightbox[roadtrip]">链接文字1</a>
<a href="图片路径2" rel="lightbox[roadtrip]">链接文字2</a>
<a href="图片路径3" rel="lightbox[roadtrip]">链接文字3</a>
怎么样?Lightbox的使用非常简单吧,马上去自己用一下吧。效果真的很好。