收藏的各种LightBox控件

在Web设计的时候,经常会用到LightBox效果来展示图片及其他内容,下面是收藏的各种LightBox控件,总有一款适合你。

Facebox

Facebox是一个基于jQuery,Facebook-style的lightbox。能够展示示images,divs或者整个远程页面。
FaceboxJquery
 Multibox
一个lightbox支持的内容格式包括:图片,Flash,视频,mp3,html。
MultiboxMootools
Videobox
Videobox是一个只有6k大小的脚本,用于在页面中显示视频。Videobox使用swfobject来嵌入Flash。视频可以来自Youtube、Metacafe、Google Video、iFilm和自己设置的Flash。
mooSlideBox
MooSlideBox是一款基于ajax的小巧幻灯片特效工具,不同于其它LightBox,mooSlideBox采用底部弹出+碰撞+拖拽的效果。
Lightbox2
Lightbox2基于Prototype和Scriptaculous开发,易于使用的Lightbox控件。
Litebox
Litebox是Lightbox2的”瘦身”版,减少代码量,使用了moo.fx和prototype-lite开发。
phatfusion Lightbox
这个Lightbox控件基于Mootools开发,它在页角上增加了向前/后退两按纽并能够用html来编写描述说明。
 jQuery lightBox plugin
一个简单,强大基于jQuery开发的lightBox控件。
Lightview
Lightview是一个基于Prototype与Script.aculo.us开发,用于创建可以覆盖整个页面的模式对话框。展示的内容不仅可以是图片、文字、网页、通过Ajax 调用的内容,还可以是Quicktime/Flash影片都能够以非常酷的效果展示。
Lightbox++
采用Prototype与Script.aculo.us开发的Lightbox。
Lightbox++

Smoothbox
Smoothbox是一个采Mootools开发的Thickbox。与JQuery版Thickbox最大不同之处在于当box显示或滚动时增加一些特效。Smoothbox Mootools
Lytebox
Lytebox是一个不依赖prototype.js,effects.js和scriptaculous.js开发的Lightbox(整个JS大小只有39k左右)。支持iFrame,幻灯播放(Slideshow),自定义外观,Html页面等。
Slimbox
Slimbox是模仿Lightbox2,基于Mootools开发的Lightbox控件。只有6kb大小,比起Lightbox2更加便于使用。
YUI Based Lightbox Final
一个可以灵活配置,使用YAHOO User Interface library的图库控件。
可以设置背景颜色,提供Tooltip面板用于显示额外信息,操作快捷键,导航控制工具条,图片淡入淡出效果等。
YUI Based Lightbox Final Gallery Image YUI
YUI Based Lightbox
使用YUI Dialog class开发的lightbox控件。
Highslide JS
Highslide JS这个Lightbox控件放置的内容不仅可以是图片,还可以是HTML页面、滚动的HTML页面 、通过AJAX加载的内容、iframe、flash。
Zoomimage
该jQuery插件能够让以当前流行的方式来展示图片。提供:预加载图片提示,对图片进行分组,自动调整图片显示比例,图片分组浏览控制。
prettyPhoto
prettyPhoto是jQuery lightbox的一个”克隆”。并增加动画效果,图库浏览等特性。
ThickBox
ThickBox是一个模式对话框UI控件。基于jQuery开发,可以用来展示单张或多张图片,内嵌的内容,iframed的内容,或通过Ajax获取的内容。
ClearBox JS
用于展示图片的Lightbox控件,效果非常炫类似于Flash。
ClearBox JS

Milkbox
Milkbox基于Mootools1.2框架开发的Lightbox控件。
FancyBox
基于jQuery开发的Lightbox插件。支持对放大的图片添加阴影效果,对于一组相关的图片添加导航操作按纽,该Lightbox除了能够展示图片之外,还可以展示iframed内容, 通过CSS自定义外观。
LightWindow
LightWindow 是一个基于Prototype & script.aculo.us构建,可灵活设置,支持显示任何内容的Lightbox效果控件(模式对话框)。支持的显示内容类型,包括Flash, Quicktime, Youtube视频或者是一个外部网页。另外,LightWindow还支持Gallery功能。可定制模式窗口的位置和自动调整大小以适合内容。
Modalbox
ModalBox用于生成Web2.0风格的模式对话框。基于Prototype+script.aculo.us框架开发,效果类似Mac OSX的模式对话框。内容可以通过Ajax加载或普通的HTML页面。
weebbox
weebbox是一个基于Prototype+Scriptaculous(172k) 开发,仿Lightbox效果用于展示图片的javascript控件。
MOOdalBox
MOOdalBox是一个基于Mootools框架开发的Web2.0模式对话。用于利用Ajax加载远程内容进行展示。
Pirobox
采用jQuery开发的Lightbox控件。能够根据浏览器窗体大小自动调整展示图片大小。提供向前/向后控制链接。动态加载图片效果。易于定制。
QuickBox
QuickBox是一个基于Mootools1.2版本开发的Lightbox控件。与其它Lightbox控件相比,它最大不同之处在于可以利用鼠标滚轮控制图片切换。
ColorBox
ColorBox是一个采用jQuery开发,可定制的Lightbox控件。可以通过CSS改变内容展示框。ColorBox支持单张图片,图片组,Ajax HTML,Inline HTML,Flash/Video,Iframed等内容。
 BackBox
BackBox是一个支持自动与手动两种图片展示模式的Lightbox控件。
BackBox.jpgBackBox

 ImageZoom
ImageZoom是一个基于Mootools开发的LightBox大图片展示工具,特别适合于在相册中使用。与其它LightBox控件相比它的不同之处在于:展开的图片可以四周拖动。可以同时打开多张图片。更便于用户找到导航按纽。
ImageZoom.jpgImageZoom Gallery Mootools
 TinyBox
TinyBox 是一个轻量级(3.5kb)模式对话框控件,没有依赖于任何javascript框架。它可以展示任意Ajax或HTML内容包括文本,图片,视频等。模 式窗体能够以淡入/淡出的效果弹出和关闭并且能依据所加载的内容动态调整窗体大小。TinyBox还支持按设定的时间自动消失。
TinyBox.jpgTinyBox Window
 jQuery Superbox!
jQuery Superbox!是一个jQuery插件用于创建可定制的模式对话框(效果与lightbox相似)。它可以展示任意类型的内容包括iframes,默 认为图片类型(支持单张或多张模式)。模式对话框的尺寸可以根据展示的内容自动调整,也可以定义一个标准展示尺寸。
Superbox.jpgjQuery Superbox! jQuery Window
 Bumpbox
Bumpbox是一个基于Mootools开发的Lightbox控件。它可以自动探测要展示的内容类型,不需要预先指定。Bumpbox除了可以展示FLV、SWF、图片和HTML内容之外,还可以展示PDF文件。Bumpbox在展示FLV文件的时候,使用Flowplayer做为它的播放器。
bumpbox-lightbox.jpgBumpbox Mootools
 NotesForLightBox
NotesForLightBox是一个采用jQuery开发的Lightbox控件。支持大部分浏览器。提供导航播放按纽,图片加载进度提醒。模式对话框采用圆角风格。
NotesForLightBox.jpgNotesForLightBox jQuery
 FacyBox
FacyBox是一个基于jQuery实现,Facebook/Fancybox风格的lightbox控件。可以展示图片、Div或通过Ajax加载的内容。
facybox.jpgFacyBox jQuery
 imgBox
imgBox是一个实现图片平滑缩放效果的jQuery插件。可以同时打开多张图片。界面类似于Mac风格。支持大部分浏览器。
imgBox.jpgimgBox Image jQuery
 SexyLightBox
SexyLightBox比经典的LightBox控件更漂亮,更轻量。可展示任意内容,且可选jQuery或Mootools框架。
SexyLightBox.jpgSexyLightBox jQuery Mootools
 TopUp
TopUp是一个基于jQuery/jQuery UI开发的Lightbox控件。可以展示图片、视频、网页和HTML内容。具有高度可定制的特性。
popup-windows.jpgTopUp jQuery
 Clearbox3
Clearbox3 是一个Lightbox模式对话框插件,它可以展示图片、相册、Flash、Quicktime、Windows Media、HTML、文本等内容。其中图片可以旋转展示,支持以幻灯片播放的方式来播放内容。展示的内容可以通过Ajax调用。此外界面中显示的文字可 以在一个语言文件中设置。
clearbox-lightbox.jpgClearbox3

 Shadowbox.js
Shadowbox 是一个拥有Lightbox效果的多媒体文件查看工具。完全采用JavaScript和CSS开发,代码简洁、模块化底层可以使用多种 JavasCript框架,提供多种适配器支持。Shadowbox.js可以显示单个/多个图片或Flash或视频,支持resize操作和fade效 果。格式包括:图片,Flash,视频(QuickTime、MPEG-4、Windows Media、YouTube、Google Video)。
Shadowbox.jpgShadowbox.js Gallery Image
 YoxView
YoxView 是一个可以灵活定制的jQuery图片查看插件(Lightbox),用于展示单张或多张图片。可以在一个模式对话框中利用向前/向后按纽或 slideshow的方式浏览图片。YoxView支持在同一个页面放置多个实例,而且这些实例可以单独配置。YoxView还支持多种语言,可以通过语 言文件定制。
jquery-yoxview.jpgYoxView Image jQuery
 jQuery gzoom plugin
这是一个jQuery图片放大镜插件。可以通过点击加号和减号、拖动滑块、鼠标滚轮放大/缩小图片。当点击图片将在一个lightbox对话框中显示。
gzoom.jpgjQuery gzoom plugin Image jQuery
 Lightbox_me
Lightbox_me是一个非常简单的Lightbox。当浏览器窗口变化时,模式窗口会自动调整大小。它能够很好的处理好大部分浏览器边界问题,如窗口调整或窗口比模式对话框小等情况。
lightbox-me.jpgLightbox_me jQuery
 SqueezeBox
SqueezeBox是一个基于Mootools开发的LightBox控件。模式对话框中的内容可以是图片、HTML元素、Ajax请求、 iFrames、SWF影片等。
SqueezeBox.jpgSqueezeBox Mootools
 Lumebox

Lumebox是一个Lightbox jQuery插件。它一个特有的功能就是能够读取RSS聚合,从而能够更方便地展示图片。

lumbox.png

Lumebox

 jQuery

 LightFace

LightFace是FaceBook模式对话的一个克隆,采用MooTools框架开发。支持iFrames,图片,Ajax获取的内容,静态内容。当窗体大小变化或滚动的时候LightFace能够自动调整大小和位置。

lightface.png

LightFace

 Mootools Window

 jQuery Accessible RIA
jQuery Accessible RIA提供了几个基于jQuery UI可扩展,开箱即用但高度可配置的UI控件。包括:Lightbox 、Form-Validation、Tabs和可排序Table。
ariaSorTable.jpg
ariformValidator.jpgjQuery Accessible RIA Grid jQuery Tabs
 CeraBox
CeraBox是一个稳定和易于使用的Lightbox,采用MooTools框架开发。它能够展示图片,SWF文件和其它任意可通过iframes或Ajax加载的HTML内容。展示窗体可以根据加载内容大小自动调整。
cerabox.jpgCeraBox Mootools
 TinyBox2
TinyBox2是一个轻量级 (5kb)模式对话框控件支持显示图片、IFrames、HTML和通过Ajax请求的内容。有一些选项可以配置如:切换动画,自动隐藏,不透明度级别,自定义位置等。打开的对话框会根据展示内容自动调整。
tinybox2.jpgTinyBox2

 WowWindow
WowWindow是一个高级模式对话框脚本和Lightbox克隆。能够让你从图片、HTML内容或视频创建可以可缩放的窗体。它使用CSS3转换效果(旋转或缩放)来展示对话框,但并不是所有浏览器都支持这种转换效果。
wowwind.pngWowWindow jQuery Window
 利用jQuery UI实现的Lightbox–rlightbox

rlightbox是一个轻量级Lightbox插件基于jQuery + jQuery UI实现。拥有一些与现在Lightbox插件不同的特有特性。它能够展示任何类型的内容包括:图片、视频、Flash文件和HTML内容。该插件有一个独特的”全景”功能,用于只显示图像的某一部分,但允许用户平移查看其余的部分。

rlightbox利用jQuery UI实现的Lightbox–rlightbox

落花生

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

相关日志

  1. 没有图片

    2012.04.17

    不需要插件和修改代码,轻松搞定wordpress地址中category

    WordPress访问的时候,地址里会有ca…

  2. 没有图片

    2010.03.15

    DEDECMS二级目录|一级目录|网站名标题SEO优化

    在DEDECMS标题中去掉斜线的办法一文中,…

  3. 没有图片

    2012.06.15

    简短而实用的WordPress随机日志调用代码

    此段调用代码可以用来制作碰碰运气,也可以用来…

  4. 没有图片

    2010.10.04

    Flickr网站解封?

    近来菠萝上一些网站,特别是国外的一些博客,很…

  5. 2013.09.12

    WordPress 3.6.1 发布,大大提升安全性能

    今天李思章博客升级到 WordPress 3…

  6. 没有图片

    2010.03.15

    DEDECMS标题中去掉斜线的办法

    在上一教程中,我通过使用“DedeCMS当前…

评论

  1. 新西德雅 2013.04.20 9:51下午

    博主啊,请教个问题:我用的主题使用了lightbox效果,但是有个非常严重的问题,点击Blog,然后弹出文章页面,再点击Read More,会打开文章页,但是又瞬间闪回首页。我完全按照说明文档操作的啊,但是怎么都解决不了这个问题,希望博主能给我看下到底怎么回事。

    • 落花生 2013.04.21 12:38上午

      通常这种情况是因为你的主题使用的JS与插件冲突吧,具体的我也不会操作

      • 新西德雅 2013.04.21 9:31上午

        blitz.themes.bitfade.com 这是主题演示的地址,我没有用其它插件(wp自带和说明文档里提到的一个图片缩略图插件),拜托帮忙看下~~

  2. 王叨叨 2012.04.14 12:13下午

    整理的很详细啊,有没有特别推荐的啊?

    • 落花生 2012.05.13 3:49下午

      我一直使用slimbox,感觉不错。

About

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