在Web设计的时候,经常会用到LightBox效果来展示图片及其他内容,下面是收藏的各种LightBox控件,总有一款适合你。
Facebox
Multibox
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
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的图库控件。
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
BackBox
ImageZoom
ImageZoom是一个基于Mootools开发的LightBox大图片展示工具,特别适合于在相册中使用。与其它LightBox控件相比它的不同之处在于:展开的图片可以四周拖动。可以同时打开多张图片。更便于用户找到导航按纽。
ImageZoom Gallery Mootools
ImageZoom Gallery Mootools
TinyBox
TinyBox 是一个轻量级(3.5kb)模式对话框控件,没有依赖于任何javascript框架。它可以展示任意Ajax或HTML内容包括文本,图片,视频等。模 式窗体能够以淡入/淡出的效果弹出和关闭并且能依据所加载的内容动态调整窗体大小。TinyBox还支持按设定的时间自动消失。
TinyBox Window
TinyBox Window
jQuery Superbox!
jQuery Superbox!是一个jQuery插件用于创建可定制的模式对话框(效果与lightbox相似)。它可以展示任意类型的内容包括iframes,默 认为图片类型(支持单张或多张模式)。模式对话框的尺寸可以根据展示的内容自动调整,也可以定义一个标准展示尺寸。
jQuery Superbox! jQuery Window
jQuery Superbox! jQuery Window
Bumpbox
Bumpbox是一个基于Mootools开发的Lightbox控件。它可以自动探测要展示的内容类型,不需要预先指定。Bumpbox除了可以展示FLV、SWF、图片和HTML内容之外,还可以展示PDF文件。Bumpbox在展示FLV文件的时候,使用Flowplayer做为它的播放器。
Bumpbox Mootools
Bumpbox Mootools
NotesForLightBox
NotesForLightBox是一个采用jQuery开发的Lightbox控件。支持大部分浏览器。提供导航播放按纽,图片加载进度提醒。模式对话框采用圆角风格。
NotesForLightBox jQuery
NotesForLightBox jQuery
FacyBox
imgBox
SexyLightBox
TopUp
Clearbox3
Clearbox3 是一个Lightbox模式对话框插件,它可以展示图片、相册、Flash、Quicktime、Windows Media、HTML、文本等内容。其中图片可以旋转展示,支持以幻灯片播放的方式来播放内容。展示的内容可以通过Ajax调用。此外界面中显示的文字可 以在一个语言文件中设置。
Clearbox3
Clearbox3
Shadowbox.js
Shadowbox 是一个拥有Lightbox效果的多媒体文件查看工具。完全采用JavaScript和CSS开发,代码简洁、模块化底层可以使用多种 JavasCript框架,提供多种适配器支持。Shadowbox.js可以显示单个/多个图片或Flash或视频,支持resize操作和fade效 果。格式包括:图片,Flash,视频(QuickTime、MPEG-4、Windows Media、YouTube、Google Video)。
Shadowbox.js Gallery Image
Shadowbox.js Gallery Image
YoxView
YoxView 是一个可以灵活定制的jQuery图片查看插件(Lightbox),用于展示单张或多张图片。可以在一个模式对话框中利用向前/向后按纽或 slideshow的方式浏览图片。YoxView支持在同一个页面放置多个实例,而且这些实例可以单独配置。YoxView还支持多种语言,可以通过语 言文件定制。
YoxView Image jQuery
YoxView Image jQuery
jQuery gzoom plugin
这是一个jQuery图片放大镜插件。可以通过点击加号和减号、拖动滑块、鼠标滚轮放大/缩小图片。当点击图片将在一个lightbox对话框中显示。
jQuery gzoom plugin Image jQuery
jQuery gzoom plugin Image jQuery
Lightbox_me
Lightbox_me是一个非常简单的Lightbox。当浏览器窗口变化时,模式窗口会自动调整大小。它能够很好的处理好大部分浏览器边界问题,如窗口调整或窗口比模式对话框小等情况。
Lightbox_me jQuery
Lightbox_me jQuery
SqueezeBox
SqueezeBox是一个基于Mootools开发的LightBox控件。模式对话框中的内容可以是图片、HTML元素、Ajax请求、 iFrames、SWF影片等。
SqueezeBox Mootools
SqueezeBox Mootools
Lumebox
LightFace
LightFace是FaceBook模式对话的一个克隆,采用MooTools框架开发。支持iFrames,图片,Ajax获取的内容,静态内容。当窗体大小变化或滚动的时候LightFace能够自动调整大小和位置。
jQuery Accessible RIA
jQuery Accessible RIA提供了几个基于jQuery UI可扩展,开箱即用但高度可配置的UI控件。包括:Lightbox 、Form-Validation、Tabs和可排序Table。
jQuery Accessible RIA Grid jQuery Tabs
jQuery Accessible RIA Grid jQuery Tabs
CeraBox
CeraBox是一个稳定和易于使用的Lightbox,采用MooTools框架开发。它能够展示图片,SWF文件和其它任意可通过iframes或Ajax加载的HTML内容。展示窗体可以根据加载内容大小自动调整。
CeraBox Mootools
CeraBox Mootools
TinyBox2
TinyBox2是一个轻量级 (5kb)模式对话框控件支持显示图片、IFrames、HTML和通过Ajax请求的内容。有一些选项可以配置如:切换动画,自动隐藏,不透明度级别,自定义位置等。打开的对话框会根据展示内容自动调整。
TinyBox2
TinyBox2
WowWindow
WowWindow是一个高级模式对话框脚本和Lightbox克隆。能够让你从图片、HTML内容或视频创建可以可缩放的窗体。它使用CSS3转换效果(旋转或缩放)来展示对话框,但并不是所有浏览器都支持这种转换效果。
WowWindow jQuery Window
WowWindow jQuery Window
利用jQuery UI实现的Lightbox–rlightbox
rlightbox是一个轻量级Lightbox插件基于jQuery + jQuery UI实现。拥有一些与现在Lightbox插件不同的特有特性。它能够展示任何类型的内容包括:图片、视频、Flash文件和HTML内容。该插件有一个独特的”全景”功能,用于只显示图像的某一部分,但允许用户平移查看其余的部分。
博主啊,请教个问题:我用的主题使用了lightbox效果,但是有个非常严重的问题,点击Blog,然后弹出文章页面,再点击Read More,会打开文章页,但是又瞬间闪回首页。我完全按照说明文档操作的啊,但是怎么都解决不了这个问题,希望博主能给我看下到底怎么回事。
通常这种情况是因为你的主题使用的JS与插件冲突吧,具体的我也不会操作
blitz.themes.bitfade.com 这是主题演示的地址,我没有用其它插件(wp自带和说明文档里提到的一个图片缩略图插件),拜托帮忙看下~~
整理的很详细啊,有没有特别推荐的啊?
我一直使用slimbox,感觉不错。