Title: VenoBox – Lightweight & Responsive Lightbox Plugin
Author: Nicola Franchini
Published: <strong>2024 年 2 月 16 日</strong>
Last modified: 2026 年 8 月 24 日

---

搜尋外掛

![](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.7.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/venobox/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/venobox/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/venobox/#installation)
 * [開發資訊](https://tw.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

### More from Nicola Franchini

If you find VenoBox useful, you might also like my other tools for WordPress:

 * 💎 **[QRcdr](https://qrcdr.pro/):** From static codes to a full **Dynamic QR 
   SaaS**. Sell plans, track scans and monetize.
 * 📍 **[VenoMaps](https://veno.es/venomaps/):** The ultimate **Google Maps alternative**.
   Create fast, privacy-friendly maps using **OpenStreetMap**. No API keys required,
   no hidden costs, and zero configuration headaches.

**Discover all my solutions at [veno.es](https://veno.es/shop/).**
 High-quality
scripts, premium add-ons, and professional tools designed for performance-focused
developers.

## 螢幕擷圖

[⌊VenoBox interface⌉⌊VenoBox interface⌉[

VenoBox interface

[⌊Plugin Options⌉⌊Plugin Options⌉[

Plugin Options

[⌊UI Style⌉⌊UI Style⌉[

UI Style

[⌊Integrations⌉⌊Integrations⌉[

Integrations

[⌊Disable VenoBox on specific post or page⌉⌊Disable VenoBox on specific post or 
page⌉[

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.7

 * Update: tested up to WordPress 7.1

#### 1.1.6

 * Update: New helper class .no-venobox to disable specific links.

#### 1.1.5

 * Update: VenoBox JS 2.2.0: WCAG compliance – Hidden scrollbar

#### 1.1.4

 * Update: Support for the new Woocommerce block Product Gallery
 * Update: Minified bundle, performance improved
 * Update: tested up to WP 7.0

#### 1.1.3

 * Update: Discrete plugin review notice

#### 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.7**
 *  最後更新 **7 天前**
 *  啟用安裝數 **100+**
 *  WordPress 版本需求 ** 4.0 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.1**
 *  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://tw.wordpress.org/plugins/tags/gallery/)[lightbox](https://tw.wordpress.org/plugins/tags/lightbox/)
   [modal](https://tw.wordpress.org/plugins/tags/modal/)[popup](https://tw.wordpress.org/plugins/tags/popup/)
   [woocommerce](https://tw.wordpress.org/plugins/tags/woocommerce/)
 *  [進階檢視](https://tw.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)

[撰寫評分](https://wordpress.org/support/plugin/venobox/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/venobox/reviews/)

## 參與者

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

## 技術支援

最近 2 個月解決的問題:

     總計 1 個問題，已解決 1 個

 [檢視技術支援論壇](https://wordpress.org/support/plugin/venobox/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](https://www.paypal.com/donate?hosted_button_id=2SUA56VZHYYMQ)