6种lightbox效果源代码下载(转)

关于lightbox,第一次看到他是在一个设计师的博客里,窗口黯淡下来,图片缓缓的打开,美丽的效果让我为之震撼!于是,追寻这它;而自蓝色理想有人汉化lightbox使用方法之后,这两年来已经是广为人知。

我因为之前曾长期追寻lightbox,收集到了六种lightbox效果,可见设计师对他的喜爱程度。以下,就我收集的lightbox中提出六种完整的lightbox效果做出介绍和评价,提供给喜欢lightbox效果的朋友;安装什么的就不再多做介绍了

lightbox原版

演示页面
这个是最早的版本,也是第一个让我震撼的网页特效了。基于prototype,效果流畅,支持键盘翻页,缺点是必须在网页中所有元素载入完毕后才可以使用,最新版本是2.03.3,演示里是最新版本。103K的体积,稍微有些大了。详细介绍

litebox

演示页面
据我所知这个算是比较早的打着精简优化口号的lightbox了,好家伙,直接减肥到24K了,减了79K呢,精简掉了键盘翻页,图片组和单一图片的功能保留,滑动的特效以缩进缩出为主。

litebox超级精简版

演示页面
怎么说呢,这个只调用了一个16K大小的JS文件,也算是目前最精简的ligtbox效果了,同之前的litebox一样,没有键盘翻页,其余没有什么变花,特效依然是缩进缩出为主,推荐使用!

moobox

演示地址
来自基于mootools的特效库,使用的js只有6K大小,效果比原版的lightbox感觉更是流畅,滑动十分有质感!底部感觉好像是下拉出来的一样;I like mootools!!

有保留键盘翻页功能,并且页面图片不载入完毕也可以使用(网页必须载入完),推荐使用!!

slimbox

演示地址

同moobox其实是一个妈生的,基于mootools的特效库,使用的js同样只有6K大小,但js内部有少许不同,不知道是不是改良版,是本站现在在使用的效果,呵呵,不仅底部是以下拉的方式出现,还可以完整的切换会lightbox原版的效果^_^

lytebox

演示地址

OK,最后这一个,保留了lightbox所有的同时,还支持换肤功能,支持自动播放功能,支持嵌入页面功能,支持嵌入页面组的功能,功能强大配合 lightbox的效果,酷毙了!!这么多的效果你担心他的体重吗?完全不用担心,lytebox仅仅只使用一个38K大小的JS就能完美的工作,让你享 受更多的功能!特别推荐!!

OK,暂时就介绍到这里,lightbox的版本远远不止这些,今天挑选的六款都是保留了lightbox招牌的滑动效果的版本,还有各种的 lightbox效果在被创作出来,再此之前,提供以上六种版本的lightbox给大家,好好的享受lightbox带来的视觉冲击吧!更多版本

发表评论

电子邮件地址不会被公开。 必填项已用*标注