Title: WP ImageViewer Author: Marcel Pol Published: 2018 年 11 月 30 日 Last modified: 2026 年 2 月 4 日 --- 搜尋外掛 ![](https://ps.w.org/wp-imageviewer/assets/banner-772x250.png?rev=2047278) ![](https://ps.w.org/wp-imageviewer/assets/icon-256x256.png?rev=2047278) # WP ImageViewer 由 [Marcel Pol](https://profiles.wordpress.org/mpol/) 開發 [下載](https://downloads.wordpress.org/plugin/wp-imageviewer.3.0.1.zip) * [詳細資料](https://tw.wordpress.org/plugins/wp-imageviewer/#description) * [使用者評論](https://tw.wordpress.org/plugins/wp-imageviewer/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/wp-imageviewer/#installation) * [開發資訊](https://tw.wordpress.org/plugins/wp-imageviewer/#developers) [技術支援](https://wordpress.org/support/plugin/wp-imageviewer/) ## 外掛說明 ImageViewer is an image viewer inspired by Google Photo’s. It may also look familiar to users of Ebay.com or Tweakers.net. It provides a modal for images, similar to modals as lightbox, colorbox and fancybox, just in a somewhat more abstract way. #### Features * Smooth dragging and panning images. * Support touch devices. * Double tap to zoom in/zoom out. * Pinch in / pinch out to zoom in/out. * Snap view for easier panning and zooming experience. * Exposed API to control zoom programmatically. #### Anti-Features * Clean user interface, no bells, no whistles, no horns. * Lightweight code (no PHP, 2 JS files and 1 CSS file). * No settings page (really). * No database queries. #### Upstream Project You can look at [Github](https://github.com/s-yadav/iv-viewer) for the original code. This project is integrated in this WordPress plugin and all ready to use. #### Compatibility This plugin is compatible with [ClassicPress](https://www.classicpress.net). #### Contributions This plugin is also available in [Codeberg](https://codeberg.org/cyclotouriste/wp-imageviewer). ## 安裝方式 #### Installation * Install the plugin through the admin page “Plugins”. * Alternatively, unpack and upload the contents of the zipfile to your ‘/wp-content/ plugins/’ directory. * Activate the plugin through the ‘Plugins’ menu in WordPress. * That’s it. It should just work on the standard WordPress gallery and images. ## 常見問題集 ### I have an image, but when I click nothing happens This plugin expects the same html layout as lightbox, colorbox and fancybox. The image/thumbnail should be inside a link, an a element. That link should point to the main media image, not the attachment page or a custom link. Only when the link points to an image file, it will show the viewer, ### I am using Nextgen Gallery You can go to Gallery > Other Options > Lightbox Effect-tab and select None for the Lightbox Effect. ### I would like to use custom options for the viewer This code should help you, you can change these default values and put this PHP code in the functions.php file of your theme (preferably a child theme). ``` ``` ## 使用者評論 ![](https://secure.gravatar.com/avatar/2c9d3c84b7aa6e3b21fb6626cec82586d72c5641338c815998580c808d5c770e? s=60&d=retro&r=g) ### 󠀁[Not perfect, but nice](https://wordpress.org/support/topic/not-perfect-but-nice-3/)󠁿 [alvincha](https://profiles.wordpress.org/alvincha/) 2025 年 8 月 25 日 Basically I wanted something that resemble the “Photos Viewer Application” from Windows where you can zoom and pan on large images. This is the closest I found for now.WP ImageViewer works nicely but there is a few things that prevent it from being perfect imo:1- When you zoom in an image, it doesn’t zoom where your cursor is but zoom at the bottom of the image automatically which is pretty annoying especially for large images2- Since it’s integrated to WP directly there isn’t any easy customization available, you cant change the position of arrows for e.g. that are not vertically centered as in every Lightbox I can think of3- Lightbox does not close when the user is clicking outside the image, I do like this in Lightboxes personnally4- I don’t think it’s possible to separate the images within a page from the same Slider/ Lightbox. What I mean is, if you have let’s say 3 gallery of 5 images and use this plugin on all of them, you can’t have 3 separate Slider with 5 images, you end up having a giant Slider where you can loop back to image number 1 from the very last image of the page. It would be nice to be able to separate them5- Be able to change buttons icons would be nice even tho I guess it’s possible by doing some extra work ![](https://secure.gravatar.com/avatar/7f6d9760be174f06f7539e7cd555e6c6ebe9a08c12e36d6feb9ddf459c26f38c? s=60&d=retro&r=g) ### 󠀁[简陋而优雅。Rough yet Elegent](https://wordpress.org/support/topic/%e7%ae%80%e9%99%8b%e8%80%8c%e4%bc%98%e9%9b%85%e3%80%82rough-yet-elegent/)󠁿 [benyangovo](https://profiles.wordpress.org/benyangovo/) 2024 年 11 月 10 日 我的访客大多来自中国大陆，他们访问其他国家的网速会很缓慢。这就是为什么我一直寻找 着能够自定义预览图和弹出大图尺寸的插件。其它的画廊插件通常不允许你自行设置这两个 尺寸。但这个插件，它选择爬取原版Wordpress超链接指向的图片，这是一种相当巧妙的方式！ 而且它还提供了其它画廊插件所没有的缩放模块，我不敢相信这个插件目前的下载量只有仅仅 300… Most of my visitors are from mainland China, and their Internet speed to other countries is very slow. That’s why I’ve been looking for plugins that can customize the preview image and pop-up large image size. Other gallery plugins usually don’t allow you to set these two sizes yourself. But this plugin chooses to crawl the pictures pointed to by the original WordPress hyperlink, which is a pretty clever way! And it also provides a zoom module that other gallery plugins don’t have. I can’t believe that this plugin has only 300 downloads at present… ![](https://secure.gravatar.com/avatar/e3d8f23d20c522e6e609e6ac92aa2d9b10d14a2ba4abd77e36cf68deb361ab4b? s=60&d=retro&r=g) ### 󠀁[Simplicity and Functionality](https://wordpress.org/support/topic/simplicity-and-functionality-3/)󠁿 [Cambabutonono](https://profiles.wordpress.org/cambabutonono/) 2023 年 10 月 17 日 Why is this plugin great? Does what it says on the box. Integrates seamlessly with standard WordPress functionality. Enhances the standard WordPress functionality without changing it – remove the plugin, and you’re back to standard WordPress without missing or broken blocks. Does not create unnecessary menu items and popups. Does not try to sell you anything. This plugin embodies the simplicity and functionality that WordPress should offer, as opposed to the cluttered, ad-infested, slow, and buggy alternatives out there. ![](https://secure.gravatar.com/avatar/bf4fe2197cc443f97962471b12281ab60453ee24f1bd4b76bade8f17472f81d4? s=60&d=retro&r=g) ### 󠀁[works great](https://wordpress.org/support/topic/works-great-8911/)󠁿 [iskradi](https://profiles.wordpress.org/iskradi/) 2023 年 8 月 2 日 Plugin works great. ![](https://secure.gravatar.com/avatar/b94af65ef4e74785f9322ce28d431edef85aabdd4ed57b0defffba57215dfc93? s=60&d=retro&r=g) ### 󠀁[Light and Right](https://wordpress.org/support/topic/light-and-right-2/)󠁿 [Josh Journey](https://profiles.wordpress.org/ljosh/) 2021 年 7 月 18 日 Dead simple, super light weight and speedy. Pages load faster than other lightbox plugins. Love the addition of navigating via arrow keys and works beautifully on my touch screen monitor. Visually fantastic! ![](https://secure.gravatar.com/avatar/2d98e8b41711837259f40faa89e68183eb45fe4c45856771bcce9a0930ee7470? s=60&d=retro&r=g) ### 󠀁[Wonderful plugin](https://wordpress.org/support/topic/wonderful-plugin-592/)󠁿 [Naomi Blindeman](https://profiles.wordpress.org/naomiblindeman/) 2020 年 10 月 30 日 I love how well this works! Great plugin: light, easy and very versatile. Very happy with it. [ 閱讀全部 10 則使用者評論 ](https://wordpress.org/support/plugin/wp-imageviewer/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈WP ImageViewer〉的開發相關工作。 參與者 * [ Marcel Pol ](https://profiles.wordpress.org/mpol/) [將〈WP ImageViewer〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/wp-imageviewer) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/wp-imageviewer/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/wp-imageviewer/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/wp-imageviewer/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/wp-imageviewer/)。 ## 變更記錄 #### 3.0.1 * 2026-02-04 * Fix arrow keys when viewer is inactive. #### 3.0.0 * 2026-01-13 * Rewrite jQuery into vanilla JavaScript. * Support heif and avif images. * Remove wp_imageviewer_show_callback. #### 2.0.7 * 2024-11-15 * Set z-index to 10000 for Twenty Twelve theme. #### 2.0.6 * 2022-10-28 * Add callback for after showing an image. #### 2.0.5 * 2021-08-12 * Add possibility to use custom options for the viewer. #### 2.0.4 * 2021-02-22 * Fix deprecated jQuery calls with WP 5.6 and jQuery 3.5. #### 2.0.3 * 2020-11-03 * Support images which have extra ?get parameters. #### 2.0.2 * 2020-10-19 * Do not slide on touch when zoomed in. #### 2.0.1 * 2020-02-21 * Fix check for active viewer. #### 2.0.0 * 2020-02-18 * Update to upstream 2.0.0 iv-viewer. * Add navigation with arrow keys. * Only add hide-event to ‘body’ once, not for every image. * Only run expensive code when viewer is active. #### 1.2.0 * 2019-07-12 * Support Enter and Esc key to open or close viewer. #### 1.1.2 * 2019-04-16 * Do not swipe on multitouch. #### 1.1.1 * 2019-03-29 * Add z-index to close button. #### 1.1.0 * 2019-03-11 * Support touch events for swiping. #### 1.0.2 * 2019-01-03 * Slightly bigger navigation buttons again, should be less sticky. #### 1.0.1 * 2018-12-01 * Slightly bigger navigation buttons. * Add z-index to navigation. #### 1.0.0 * 2018-11-30 * Initial release. ## 中繼資料 * 版本 **3.0.1** * 最後更新 **4 個月前** * 啟用安裝數 **700+** * WordPress 版本需求 ** 4.1 或更新版本 ** * 已測試相容的 WordPress 版本 **6.9.4** * PHP 版本需求 ** 7.0 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/wp-imageviewer/) * 標籤: * [colorbox](https://tw.wordpress.org/plugins/tags/colorbox/)[fancybox](https://tw.wordpress.org/plugins/tags/fancybox/) [ImageViewer](https://tw.wordpress.org/plugins/tags/imageviewer/)[lightbox](https://tw.wordpress.org/plugins/tags/lightbox/) * [進階檢視](https://tw.wordpress.org/plugins/wp-imageviewer/advanced/) ## 評分 4.9 星，滿分為 5 星 * [ 9 個 5 星使用者評論 ](https://wordpress.org/support/plugin/wp-imageviewer/reviews/?filter=5) * [ 1 個 4 星使用者評論 ](https://wordpress.org/support/plugin/wp-imageviewer/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/wp-imageviewer/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/wp-imageviewer/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/wp-imageviewer/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/wp-imageviewer/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/wp-imageviewer/reviews/) ## 參與者 * [ Marcel Pol ](https://profiles.wordpress.org/mpol/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/wp-imageviewer/)