`
marc0658
  • 浏览: 81385 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论
阅读更多

最近做项目使用到Lightbox 效果,在网上找了哈,找到很多不错的Lightbox。提供给大家方便时候使用。

 

Thickbox - 基于 jQuery,支持 AJAX,轻量级的而且比较高效。可以在 lightbox 中使用图片或 HTML。大小约为 40k,目前还可作为WordPress 的插件使用。

GreyBox - 创建 iframe 的弹出界面,可使用图片、HTML 及 URL,大小约为 20k。

GreyBox Redux - 基于 jQuery,比 GreyBox 更轻。

Lightbox v2.0 - 最初是为了显示图片设计的,使用了 prototype 和 sciptaculous,所以有些沉重,但对于图片来说很好用。

Lightbox with moo.fx - 基于 prototype,但只能用于图片。

Lightbox Gone Wild
 - modal 模式窗口的 lightbox,可使用 html、表单及图片,也是基于 prototype 的,所以有一些 heavy。

Multi-faceted LIghtbox - 又一个基于 prototype 的,不过这个为各种可用于 lightbox 的数据类型提供了选项。

Leightbox - 和 Lightbox Gone Wild 很相似,只是 Leightbox 以 html 方式存放内容,所以可以被搜索引擎索引到。

xilinus - 使用简单,基于 prototype,很容易定制,可使用多种内容选项。

Lightbox Plus - 可以自动根据窗口的大小缩放图片。

Suckerfish Hover Lighbox - 和传统的 lightbox 不一样,它在打开 lightbox 的时候,还可以点击访问页面上的其它元素。

Litebox - 这是 Lightbox 的另一个版本,代码量减少了,使用了 moo.fx 和 prototype-lite,如果页面需要减肥的话,可以选择这个。

LITBox - 使用类写的 lightbox,所以可以创建多个对象实例,并且单独进行控制。基于 Thickbox。

 

分享到:
评论

相关推荐

    Lightbox效果完整示例

    Lightbox效果是一种常见的网页设计技术,它允许用户在不离开当前页面的情况下查看大图或多媒体内容。这种效果通常用于展示照片、图像或者视频,提供了一种优雅且沉浸式的用户体验。"Lightbox JS"是一个实现这一功能...

    Lightbox插件(图片大小调节)

    Lightbox插件是一种广泛应用于网页设计中的图片展示工具,它允许用户在点击缩略图后,在当前页面上弹出一个半透明的黑色背景层,中间显示全尺寸的图片。这种设计既保持了网页的整洁性,又提供了良好的用户体验,使得...

    html5 LightBox插件手机端图片幻灯片代码

    在移动设备上,LightBox能够优化用户体验,使用户能够轻松地浏览和操作图片集,而无需离开当前页面或打开新的窗口。以下是对这个插件的详细解释: 1. **HTML5特性**: HTML5是现代网页开发的标准,它引入了许多新...

    lightbox2 集成放大缩小、旋转

    Lightbox2是一款经典的JavaScript库,用于在网页上实现图片预览功能,支持放大、缩小以及旋转等操作。这个库简洁高效,广泛应用于网站设计中,为用户提供更好的图片浏览体验。以下将详细介绍Lightbox2的集成及核心...

    Lightbox图片灯箱效果插件

    Lightbox图片灯箱效果插件是一种常见的网页设计技术,用于在用户点击小图后以弹出窗口的形式展示大图,提供更好的图片浏览体验。这种效果通常包括预览功能,允许用户在无需离开当前页面的情况下查看多张图片,并且...

    十种Lightbox特效示例

    Lightbox是一种网页设计技术,主要用于在用户点击图片或链接时以弹出窗口的形式展示大图或多媒体内容,而不会离开当前页面。这种效果通常用于图片画廊、视频预览等场景,提供了一种优雅的方式来展示内容,使得网页...

    样式最全的 lightbox

    Lightbox 是一种网页设计技术,它允许用户在不离开当前页面的情况下查看图片、视频或者其他多媒体内容。当用户点击一个链接或者图片时,相关内容会在当前页面的中心以半透明背景覆盖的形式弹出显示,通常还带有导航...

    lightbox的使用+实例

    Lightbox是一种流行的网页图片展示技术,它允许用户在当前页面上弹出一个半透明的窗口来查看大图,而不需要跳转到新的页面或者打开新窗口。这种技术极大地提升了用户体验,因为它使得用户可以轻松地浏览一系列图片,...

    jquery-lightbox

    《jQuery Lightbox:一款强大的图片弹出框插件》 jQuery Lightbox是一款广泛使用的JavaScript库,专门用于在网页上创建优雅的、响应式的图片和媒体查看器。它以轻量级、可定制和用户友好而著称,是网页设计师和...

    lightbox在iframe内弹在父窗口上

    Lightbox是一种常见的网页图片预览技术,它允许用户在点击图片链接后,图片会在当前页面上以半透明背景和居中的方式弹出显示,提供更好的观看体验。在提及的"Lightbox在iframe内弹在父窗口上"的话题中,我们讨论的是...

    lightbox六种版本集合

    Lightbox是一种流行的照片查看技术,它允许用户在网页上点击图片后,图片会在当前页面上以弹出式的全屏模式显示,提供更好的视觉体验。标题“Lightbox六种版本集合”意味着这个压缩包可能包含了Lightbox的不同实现...

    Lightbox JS图片展示

    Lightbox JS图片展示是一种流行的网页设计技术,用于在用户点击图像预览链接时,弹出一个半透明的层,以全屏或放大视图显示图片。这种效果在网站上广泛用于展示照片集、画廊或者产品细节,因为它能提供一个无干扰的...

    6种lightbox效果源代码

    Lightbox是一种流行的照片查看技术,常用于网页设计中,它允许用户在不离开当前页面的情况下查看大图。这种效果使得网站更加互动且用户体验良好。在"6种lightbox效果源代码"这个主题中,我们将深入探讨这六种不同的...

    lightbox 图片放大神器

    标题“lightbox 图片放大神器”准确地指出了这个工具的核心功能,即在用户点击小图后,以弹窗形式展示放大的图片,同时保持网页背景半透明,提升用户体验。 描述中提到,Lightbox 不依赖其他 JavaScript 库,这意味...

    lightbox2.02 相册翻页特效

    2、外调 Lightbox CSS 文件 (或添加 Lightbox 样式到你现行的样式表中). <link rel="stylesheet" href="css/lightbox.css" _fcksavedurl=""css/lightbox.css"" type="text/css" media="screen" /> 3、检查 CSS 并...

    Lightbox JS V2.0代码

    Lightbox JS V2.0是一个流行且用户友好的JavaScript库,专门用于创建具有优雅过渡效果的图片查看器。这个库允许用户在当前网页上以弹出窗口的形式查看大图,而不是打开新页面或跳转到其他位置。它以其简洁的设计和...

    jQuery的lightbox插件

    jQuery的Lightbox插件是一种流行的JavaScript库,用于在网页上创建弹出式的图像查看器。这个插件在用户点击一个图像链接时,会在当前页面上显示一个覆盖全屏的轻量级窗口,其中包含该图像以及其他相关的导航按钮,如...

    Lightbox v2.04代码及使用方法

    Lightbox 是一个流行的JavaScript库,主要用于在网页上创建弹出式的图像查看器。它通过淡入淡出效果和半透明背景层,使用户能够在当前页面上全屏预览图片,而无需离开网站或打开新的浏览器窗口。这个"Lightbox v2.04...

    Lightbox JS V2.0代码_中文说明

    Lightbox JS V2.0是一款经典的JavaScript库,用于在网页上创建优雅的、浮动式的图片查看体验。这个插件的设计理念是将用户从繁忙的网页背景中隔离出来,专注于单个图片,提供一种沉浸式的浏览体验。以下是关于...

Global site tag (gtag.js) - Google Analytics