Title: VenoBox &#8211; Lightweight &amp; Responsive Lightbox Plugin
Author: Nicola Franchini
Published: <strong>2024 年 2 月 16 日</strong>
Last modified: 2026 年 4 月 4 日

---

搜索插件

![](https://ps.w.org/venobox/assets/banner-772x250.jpg?rev=3037115)

![](https://ps.w.org/venobox/assets/icon.svg?rev=3037116)

# VenoBox – Lightweight & Responsive Lightbox Plugin

 作者：[Nicola Franchini](https://profiles.wordpress.org/nicolafranchini/)

[下载](https://downloads.wordpress.org/plugin/venobox.1.1.3.zip)

 * [详情](https://cn.wordpress.org/plugins/venobox/#description)
 * [评价](https://cn.wordpress.org/plugins/venobox/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/venobox/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/venobox/#developers)

 [支持](https://wordpress.org/support/plugin/venobox/)

## 描述

Tired of slow, clunky lightboxes that rely on jQuery? VenoBox is the modern, lightweight,
and performance-focused lightbox your WordPress site deserves.

Built from the ground up with pure JavaScript, VenoBox is incredibly fast and avoids
conflicts with other plugins. It intelligently calculates the best display size 
for your images, offers beautiful touch-swipe navigation for galleries, and seamlessly
integrates with WooCommerce product galleries.

### Why Choose VenoBox?

 * ⚡ **Performance First (No jQuery):** Incredibly lightweight and fast-loading.
   It won’t slow down your site.
 * 📱 **Truly Responsive:** Smart image resizing and touch-swipe navigation provide
   a flawless experience on any device.
 * 🛒 **WooCommerce Ready:** Automatically enhances your WooCommerce product galleries
   with a beautiful and user-friendly lightbox.
 * 🎬 **Multimedia Support:** Works perfectly with images, videos (YouTube, Vimeo,
   HTML5), iFrames, and inline content.
 * 🎨 **Highly Customizable:** Easily change colors, styles, preloaders, and aspect
   ratios to match your brand’s design.

### Features

 * **Responsive Image Handling:**
    VenoBox sets itself apart by dynamically calculating
   the max width of displayed images and maintaining their original height, ensuring
   your visuals look stunning on any device. No more microscopic resized images 
   on small screens – VenoBox guarantees an immersive user experience.
 * **Optional Image Resizing:**
    Take control of your visuals with VenoBox’s optional
   image resizing feature, allowing you to fit images perfectly within the viewport
   height. Tailor your content for an aesthetically pleasing and responsive display.
 * **Multimedia Versatility:**
    From images and iframes to inline content, VenoBox
   supports it all. Seamlessly integrate Vimeo, YouTube, and HTML5 video formats
   into captivating modal lightbox popups for a truly engaging user experience.
 * **Automatic Activation:**
    Let VenoBox do the heavy lifting by automatically 
   enabling itself for all linked images and videos on your WordPress site. Enjoy
   hassle-free implementation and an instantly improved visual presentation.
 * **Touch Swipe Gallery Navigation:**
    Enhance user interaction with touch swipe
   gallery navigation. Your audience can effortlessly explore galleries with a simple
   swipe, creating an intuitive and enjoyable browsing experience.
 * **Keyboard Navigation:**
    Navigate through your content with ease using VenoBox’s
   keyboard navigation feature. Provide users with multiple ways to interact, ensuring
   accessibility and user-friendliness.
 * **Custom Preloaders:**
    Impress your visitors with custom preloaders that match
   your website’s style. Choose from a variety of options to create a seamless transition
   as your images and videos load.
 * **Custom Videos Aspect Ratio:**
    Fine-tune your video displays with custom aspect
   ratios, ensuring your multimedia content looks just the way you envision it.
 * **Customizable Colors and Styles:**
    Tailor the appearance of VenoBox to match
   your brand with customizable colors and styles. Maintain a consistent visual 
   identity across your website, creating a cohesive and polished look.
 * **WooCommerce Compatibility:**
    VenoBox seamlessly integrates with WooCommerce
   product galleries, offering a streamlined solution for displaying your products
   with style and flair.

### 3rd party services

**YouTube**
 If you enable VenoBox for videos and link YouTube videos, the plugin
embeds the videos inside of your website with the following url: https://www.youtube-
nocookie.com/embed/

Terms of service:
 https://developers.google.com/youtube/terms/api-services-terms-
of-service

**Vimeo**
 If you enable VenoBox for videos and link Vimeo videos, the plugin embeds
the videos inside of your website with the following url: https://player.vimeo.com/
video/

Terms of servce:
 https://vimeo.com/terms

### Usage

Enable VenoBox for Images and/or Videos inside the plugin’s settings section.
 Adjust
style and gallery options in WP Admin > Dashboard > Settings > VenoBox

## 屏幕截图

 * [[
 * VenoBox interface
 * [[
 * Plugin Options
 * [[
 * UI Style
 * [[
 * Integrations
 * [[
 * Disable VenoBox on specific post or page

## 安装

 1. Upload the plugin folder `venobox` to the `/wp-content/plugins/` directory
 2. Activate the plugin through the Plugins menu in WordPress
 3. Adjust the plugin settings in WP Admin > Dashboard > Settings > VenoBox

## 常见问题

### How to group links for gallery navigation?

Every WP image gallery will be treated as individual gallery;
 To group specific
links add the following class to any parent element of the links

    ```
    venobox-gall
    ```

### How to reinitialize the plugin for dynamic links added to an already loaded page?

Use this snippet once your new links have been added:

    ```
    if (typeof window.VenoBoxPlugin === "function") {
        window.VenoBoxPlugin();
    }
    ```

### How to open remote content inside iFrames?

Add the class `venobox-iframe` to your links

### How to get results from ajax calls?

Add the class `venobox-ajax` to your links

### How to open inline content inside iFrames?

Add the class `venobox-inline` to your links

### Can the images be resized to fit within the viewport height?

Yes, with the global option `Fit view`, or to individual links or group of links
adding the class `venobox-fitview` to one of their containers

## 评价

![](https://secure.gravatar.com/avatar/de224fea143b61002f4a97f90c947d5178211d3e8cbb793e7059d3cf9b143c79?
s=60&d=retro&r=g)

### 󠀁[Fantastic plugin](https://wordpress.org/support/topic/fantastic-plugin-2085/)󠁿

 [Dejan Buric](https://profiles.wordpress.org/dejanburic/) 2025 年 11 月 9 日

Fantastic plugin. Just what I need. It can open a video in a lightbox by clicking
on the text, button or image that the video is linked to. The size of the opened
video is perfectly adjusted. Almost full screen, so it can be seen perfectly. The
same goes for opening images. It is also very important that the plugin does not
slow down the site at all.

 [ 阅读所有1条评价 ](https://wordpress.org/support/plugin/venobox/reviews/)

## 贡献者及开发者

「VenoBox – Lightweight & Responsive Lightbox Plugin」是开源软件。 以下人员对此插
件做出了贡献。

贡献者

 *   [ Nicola Franchini ](https://profiles.wordpress.org/nicolafranchini/)

「VenoBox – Lightweight & Responsive Lightbox Plugin」插件已被翻译至 2 种本地化语言。
感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/venobox/contributors)
为本插件所做的贡献。

[帮助将「VenoBox – Lightweight & Responsive Lightbox Plugin」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/venobox)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/venobox/)，查看[SVN仓库](https://plugins.svn.wordpress.org/venobox/)，
或通过[RSS](https://plugins.trac.wordpress.org/log/venobox/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/venobox/)。

## 更新日志

#### 1.1.2

 * Update: tested up to WP 6.9

#### 1.1.1

 * Fix: Error on activation

#### 1.1.0

 * Update: Minor fix

#### 1.0.9

 * Update: Tested up to WP 6.8
 * Update: Minor improvements

#### 1.0.8

 * Update: Group links to create custom galleries

#### 1.0.7

 * Update: Public window.VenoBoxPlugin() to re-initialize

#### 1.0.6

 * Update: test compatibility with WP 6.7

#### 1.0.5

 * Update: venobox.js to 2.1.8

#### 1.0.4

 * Update: venobox.js to 2.1.7
 * Update: New option Style > Initial scale
 * Update: New option Style > Transition speed

#### 1.0.3

 * New: initialize iframes, inline content and ajax calls with `venobox-`classes
 * Update: venobox.js to 2.1.6
 * Update: prefix settings fields
 * Update: escape output
 * Update: 3rd party services documentation

#### 1.0.2

 * Update VenoBox.js to 2.1.3
 * Update: Tab navigation for settings page
 * Update: FitView option as class venobox-fitview
 * Update: prevent direct access to files

#### 1.0.1

 * Update: VenoBox.js to 2.0.9

#### 1.0.0

 * First release

## 额外信息

 *  版本 **1.1.3**
 *  最后更新：**2 月前**
 *  活跃安装数量 **100+**
 *  WordPress 版本 ** 4.0 或更高版本 **
 *  已测试的最高版本为 **6.9.4**
 *  PHP 版本 ** 5.3 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/venobox/) 、 [Spanish (Chile)](https://cl.wordpress.org/plugins/venobox/)
   和 [Spanish (Spain)](https://es.wordpress.org/plugins/venobox/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/venobox)
 * 标签
 * [gallery](https://cn.wordpress.org/plugins/tags/gallery/)[lightbox](https://cn.wordpress.org/plugins/tags/lightbox/)
   [modal](https://cn.wordpress.org/plugins/tags/modal/)[popup](https://cn.wordpress.org/plugins/tags/popup/)
   [woocommerce](https://cn.wordpress.org/plugins/tags/woocommerce/)
 *  [高级视图](https://cn.wordpress.org/plugins/venobox/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  1 条 5 星评价     ](https://wordpress.org/support/plugin/venobox/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/venobox/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/venobox/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/venobox/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/venobox/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/venobox/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/venobox/reviews/)

## 贡献者

 *   [ Nicola Franchini ](https://profiles.wordpress.org/nicolafranchini/)

## 支持

最近两个月解决的问题：

     总计 1，已解决 0

 [查看支持论坛](https://wordpress.org/support/plugin/venobox/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](https://www.paypal.com/donate?hosted_button_id=2SUA56VZHYYMQ)