Lightbox v2.04 发布

Lightbox是一个简单的图片浏览特效JS代码,用于网页内图片的展示特效,一般会兼容多种浏览。Lightbox官方网站的最近更新显示,Lightbox v2.04已经升级,这可以广大使用Lightbox用户的一大喜讯!

本版本更新如下:

  • Image Sets: group related images and navigate through them with ease
  • 图片集:群组相关的图像,并通过它们轻松导航
  • Visual Effects: fancy pants transitions
  • 礼堂特效:非常棒的切换效果
  • Backwards Compatibility: yes!
  • 向后兼容性:是的,兼容!

单张图片演示效果:

系列图片演示效果:
Plants: image 1 0f 4 thumb Plants: image 2 0f 4 thumb Plants: image 3 0f 4 thumb Plants: image 4 0f 4 thumb

使用方法:
一、安装
1.Lightbox2使用的原型框架和Scriptaculous 效果库。您需要把这三个JavaScript文件包含到header文件中:



2.添加Lightbox CSS样式表文件,并设置让这个文件激活,可以通过如下代码:

3.确保你的CSS文件和prev.gif next.gif放在正确的位置,让他们能正常工作,另外,确保loading.gif 和 close.gif 文件能正常与 lightbox.js一起工作。

二、激活代码:
1.给图片的链接添加rel=”lightbox”属性来激活Lightbox,比如:

image #1

备注:如果想给图片添加标题,请用title标签。

2.如果你想把一些相关的图片弄成一组播放,你可以通过在rel属性中添加组标签来实现,如下:

image #1
image #2
image #3

在一个页面里没有图片数量限制,随意添加吧!

三、下载Lightbox v2.04:
download Lightbox Lightbox v2.04

如果你不想自己手动设置,特别是WordPress用户,你可以直接到这里使用插件来实现(支持最新版的WordPress):
Lightbox 2 for WordPress

落花生

认准了方向,就要勇敢地走下去,十年磨一剑,我相信,只要坚持,一切都有可能。

相关日志

  1. 没有图片

    2014.06.03

    耶鲁大学校长:中国大学是人类文明史上最大的笑话

    (此文只是转发于网络,对于文章是否出于施密德…

  2. 2015.01.16

    [电影]超能陆战队 Big Hero 6 不可错过的动漫

    改编自漫威于1998年出版的同名漫画,故事设…

  3. 没有图片

    2010.05.13

    Photoshop CS5 官方简体中文版+破解方法

    Adobe Photoshop CS5 (P…

  4. 没有图片

    2011.03.11

    最好用的WordPress日志同步到Twitter插件 Little WP to Twitter

    这是QiQiBoy小同学开发的一个插件,我才…

  5. 没有图片

    2011.01.22

    WordPress 多站点使用防垃圾评论 Akismet

    WordPress防垃圾评论插件Akisme…

  6. 没有图片

    2011.03.20

    菠萝筐终于被驱逐出境!博客空间搬入美国!

    不知道为什么,菠萝的博客备案被无故注销了,于…

评论

还没有评论。

About

马拉松运动员,沉迷于跑步;关注科技前沿,关注互联网!与跑者、程序员、设计师为伍,一起跑步健身,一起编写程序,为自由而战!