新颖实用的显示图片效果

80酷酷网    80kuku.com

  图片效果|显示

Lightbox——新颖实用的显示图片效果

“Lightbox”是一个别致且易用的图片显示效果,它可以使图片直接呈现在当前页面之上而不用转到新的窗口。文字表述显然不够明了,所以请先看一下 Lightbox 的演示页面。

如何使用?

Lightbox能非常简单地应用到您的页面上。首先将lightbox.js包含到您页面的header部分:

<script src="lightbox.js" type="text/javascript"></script>

将rel="lightbox"属性加入到任何有链接的标记里面用以激活Lightbox功能,例如:

 <a title="my caption"
lightbox.css - “图片层”样式文件
http://www.163design.net/j/e/overlay.png - 80% 透明度PNG图片,用以实现阴影效果
loading.gif - “Loading”图片
close.gif - “关闭” 按钮

分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: