收藏的各种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. 2011.10.07

    Simple Pro V1.0 正式版 又一款WordPress简洁主题

    前几天刚发布了一款 PressWork Fr…

  2. 没有图片

    2009.12.10

    Google Chrome 扩展 Google Wave Notifier

    上次给大家介绍了Firefox插件Googl…

  3. 没有图片

    2009.07.20

    织梦系统Dedecms 5.5测试版发布

    DedeCMS V5.5已经修正或升级的功能…

  4. 没有图片

    2009.10.13

    绘画工具的使用-菠萝AE学习笔记

    实验项目13206304 绘画工具的使用 实…

  5. 没有图片

    2009.07.05

    WordPress 2.8 使用报告

    1. 更改密码的提示 安装后,首先发现新增了…

  6. 2014.02.24

    响应式jQuery幻灯片 – ResponsiveSlides.js

    ResponsiveSlides.js是一个…

评论

  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

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