最佳jQuery灯箱插件

当您拥有生动的图像和视频来展示您公司的产品和服务时，它会很有帮助。例如，就酒店而言，对于游客来说，看到酒店提供的不同房间、游泳池和其他服务的图像比仅仅被一堵文字墙打招呼更具影响力。

为访问者提供大量图片是展示您的产品或服务有多棒的好策略，但它也可能会让人分心。单个图像和其他元素可能不会得到应有的关注，因为它们正在与散布在web时代的其他充满活力的元素竞争。

这就是灯箱发挥重要作用的地方。它们是将您的网站访问者的注意力集中在画廊或投资组合中的特定图像或元素上的好方法，方法是使其弹出并使网页的其余部分变暗，直到用户另有决定。

唯一的问题是那里有数以千计的灯箱插件，很难选择一个能为您提供最好的服务。

我们可以帮助做出决定！为了让您更轻松地选择最好的灯箱插件添加到您的网站，我们创建了 2019 年五个最佳灯箱插件的列表。这篇文章将深入介绍它们的所有功能，以便您做出明智的决定在您的网站上使用哪一个。

1.  LC灯箱

我们列表中的第一个插件是 LC Lightbox。它具有您在灯箱插件中所期望的所有功能等等。

以下是它的一些共同特点：

• 您可以创建幻灯片以遍历所有图像。幻灯片可以手动或自动初始化。

• 您可以拥有与每个图像或元素相关联的单独标题、描述和作者。

• 它带有缩略图导航和在社交网络上分享的能力。

几乎每个灯箱插件都支持我上面列出的功能。LC Lightbox 的独特之处在于它的附加功能，例如：

• 能够将多种内容类型（如图像）与来自 YouTube、Vimeo、Dailymotion 和s 或其他 html 元素的视频混合。iframe

• 它提供了一个不依赖服务器端脚本的直接下载按钮。如果您希望访问者能够下载他们喜欢的任何图像文件，这将特别有用。

• 它支持基于鼠标和键盘的导航。

• 该插件的开发考虑了触摸设备。在智能手机上使用此灯箱插件时，用户将能够使用滑动和捏合手势。

似乎这些功能还不够，LC Lightbox 还拥有更多令人敬畏的改变游戏规则的功能：

• 您可以为灯箱中的每个项目提供自己的直接链接。
  

• 访问者可以使用双击或捏合手势逐步放大他们喜欢的任何图像。

• 您甚至可以使用 Facebook 和 Disqus 将评论与您的所有元素集成！

这是一长串功能，但是当我说我仍然遗漏了一些功能以保持帖子简短时，请相信我。您可以在其实时预览页面上了解LC Lightbox 的所有功能。

检查一下并尝试不同的配置选项，看看这个插件实际上有多好。

2. 响应式引导组合和灯箱

如果您正在运行一个基于 Bootstrap 框架的网站，那么这个插件将是集成灯箱的最佳选择。

它利用 Bootstrap 中已经内置的功能来保持插件轻量级和功能丰富的同时。它与 Bootstrap 3 和 Bootstrap 4 完全兼容。

以下是使其成为基于 Bootstrap 构建的网站的完美选择的一些功能：

• 该插件允许您在 2、3、4、5 或 6 列网格系统中布置不同的元素，例如图像和视频。

• 它利用内置的轮播来实现自己的一个。您可以 在实时预览页面上看到它的运行情况。

• Bootstrap 的响应能力也出现在这个插件中。所以灯箱在手机、平板电脑以及台式机上看起来都不错。

使此插件令人惊叹的其他一些功能是：

• 六种不同的轮播内容，从图像和视频到电子商务和博客文章

• 具有独特布局的即用型示例可帮助您尽快启动和运行
  

• 可以组合配色方案以确保灯箱与网站的其余部分完美融合

• 嵌入来自 YouTube 或 Vimeo 或自托管的视频

到目前为止， Responsive Bootstrap Portfolio 和 Lightbox的所有评论者都给了它 5 星。请务必查看演示并亲自了解为什么该插件获得如此高的评价。

3. 带灯箱的jquery缩略图库

这个插件带有一个漂亮的缩略图库，包含一个灯箱。您可以轻松地在图库中添加不同纵横比ios和尺寸的图像和视频，该插件将很好地处理它们。

以下是您可能喜欢的一些功能：

• 该插件易于设置。因此，您将很快拥有一个功能齐全的灯箱画廊。

• 您可以为图像和视频选择基于网格或基于行的布局。

• 可以通过简单的滚动或使用滚动按钮来控制不同画廊项目之间的滚动。

• 您可以将显示的缩略图与灯箱水平或垂直对齐。

以下是一些提高此插件可用性的其他功能：

• 当图像和视频的大小和纵横比变化导致灯箱导航按钮四处移动时，基于键盘的导航使浏览所有元素变得非常容易。

• 您还可以访问不同的公共方法和回调来切换内部幻灯片，对事件进行操作，例如缩略图鼠标悬停和鼠标移出等。

当您尝试不同的演示时，您可能会注意到这个插件提供了画廊或灯箱的最小样式。如果您想完全控制样式并确保没有任何不合适的地方，这可能是一件好事。

4.  Boxaroo 自适应灯箱

Boxaroo 自适应灯箱插件还提供了许多功能，使其成为一个很棒的灯箱插件。如果您想为您的灯箱添加有趣的动画和效果，这是您应该使用的插件。

以下是其有用功能的简短列表：

• 动画经过硬件加速，可充分利用 GPU 并为您提供最佳性能。

• 您创建的灯箱可以轻松处理不同类型的内容，从 Vimeo 视频到交互式 Flash 游戏。

• 该插件是完全响应的，并且其设计方式可以根据设备完美扩展。

• 该插件优雅地降低了性能和其他功能，以保持灯箱与旧版 IE7 的浏览器兼容。

此外，这里有一些使 Boxaroo 在本页列出的所有插件中独一无二的功能：

• 它带有 70 种不同的 GraphicRiver 物品，总价值 287 美元！这包括为 Boxaroo 提供专业和独特外观的背景和箭头。

• 该插件支持标题、动画、可见性、缩放和位置等元素的独立样式。

• 您可以独立控制每个灯箱的关闭、上一个和下一个按钮。

• 您可以使用图像、图块和动画颜色为您的灯箱创建有趣的背景。

• 您可以完全控制阴影和高光，包括颜色、半径等。

只需 看看插件网站上提供的演示- 你不会失望的。

5.  ModuloBox：NextGen Lightbox javascript 插件

ModuloBox 是一个响应式灯箱插件，专注于提供最佳性能，同时为您提供许多高级功能。

这是使此插件很棒的功能列表：

• 除了图片，您还可以添加视频、iframes 或其他html5内容。

• 它带有手势支持，例如双击和捏合。移动访问者会感到宾至如归。

• 您还可以使用键盘或鼠标在灯箱中导航。

• 在同一页面上支持多个画廊。

• 您可以在缩略图的帮助下浏览画廊。它还具有全屏模式，可提供身临其境的体验，还具有幻灯片模式，可自动滚动浏览所有图像。

• 该插件还支持 RTL 布局，这将反转所有动画和字幕的方向。
  

ModuloBox提供更多功能，您可以在产品页面上了解其所有功能。

结论

我们在此页面上列出的每个灯箱插件都具有独特的优势，使其非常适合特定情况。