洪章的博客

好好学习,天天向上。

« 收费SEOer,你能回答出这十个问题吗?(转载)如何在IIS上配置多个网站-IIS6.0入门 »

开源图片特效Javascript(JS) 框架-Lightbox

Lightbox是一款非常不错的图片特效Javascript框架。它的主要功能是在网页中为图片添加展示特效,形成如下图所示的效果。

Lightbox的图片展示效果

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的使用非常简单吧,马上去自己用一下吧。效果真的很好。

 

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.7 Laputa Build 70216

© 2007 洪章 版权所有