{"id":94943,"date":"2018-11-30T21:23:51","date_gmt":"2018-11-30T21:23:51","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/wp-imageviewer\/"},"modified":"2026-02-04T22:20:51","modified_gmt":"2026-02-04T22:20:51","slug":"wp-imageviewer","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/wp-imageviewer\/","author":6559433,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"3.0.1","stable_tag":"3.0.1","tested":"6.9.4","requires":"4.1","requires_php":"7.0","requires_plugins":null,"header_name":"WP ImageViewer","header_author":"Marcel Pol","header_description":"A zooming and panning plugin inspired by google photos for your web images.","assets_banners_color":"5e4c4e","last_updated":"2026-02-04 22:20:51","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/timelord.nl","header_author_uri":"https:\/\/timelord.nl","rating":4.9,"author_block_rating":0,"active_installs":700,"downloads":11187,"num_ratings":10,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"2.0.0":{"tag":"2.0.0","author":"mpol","date":"2020-02-18 13:19:18"},"2.0.1":{"tag":"2.0.1","author":"mpol","date":"2020-08-04 10:00:42"},"2.0.2":{"tag":"2.0.2","author":"mpol","date":"2020-10-19 13:27:29"},"2.0.3":{"tag":"2.0.3","author":"mpol","date":"2020-11-26 13:13:22"},"2.0.4":{"tag":"2.0.4","author":"mpol","date":"2021-06-03 18:10:20"},"2.0.5":{"tag":"2.0.5","author":"mpol","date":"2022-10-28 10:26:43"},"2.0.6":{"tag":"2.0.6","author":"mpol","date":"2024-11-15 12:20:11"},"2.0.7":{"tag":"2.0.7","author":"mpol","date":"2026-01-10 09:30:35"},"3.0.0":{"tag":"3.0.0","author":"mpol","date":"2026-01-13 10:40:26"},"3.0.1":{"tag":"3.0.1","author":"mpol","date":"2026-02-04 22:20:51"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":1,"5":9},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":2047278,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":2047278,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":2047278,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["2.0.0","2.0.1","2.0.2","2.0.3","2.0.4","2.0.5","2.0.6","2.0.7","3.0.0","3.0.1"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[6672,1349,69136,182027,237],"plugin_category":[],"plugin_contributors":[78711],"plugin_business_model":[],"class_list":["post-94943","plugin","type-plugin","status-publish","hentry","plugin_tags-colorbox","plugin_tags-fancybox","plugin_tags-imageviewer","plugin_tags-iv-viewer","plugin_tags-lightbox","plugin_contributors-mpol","plugin_committers-mpol"],"banners":{"banner":"https:\/\/ps.w.org\/wp-imageviewer\/assets\/banner-772x250.png?rev=2047278","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/wp-imageviewer\/assets\/icon-128x128.png?rev=2047278","icon_2x":"https:\/\/ps.w.org\/wp-imageviewer\/assets\/icon-256x256.png?rev=2047278","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>ImageViewer is an image viewer inspired by Google Photo's.\nIt may also look familiar to users of Ebay.com or Tweakers.net.<\/p>\n\n<p>It provides a modal for images, similar to modals as lightbox, colorbox and fancybox, just in a somewhat more abstract way.<\/p>\n\n<h4>Features<\/h4>\n\n<ul>\n<li>Smooth dragging and panning images.<\/li>\n<li>Support touch devices.<\/li>\n<li>Double tap to zoom in\/zoom out.<\/li>\n<li>Pinch in \/ pinch out to zoom in\/out.<\/li>\n<li>Snap view for easier panning and zooming experience.<\/li>\n<li>Exposed API to control zoom programmatically.<\/li>\n<\/ul>\n\n<h4>Anti-Features<\/h4>\n\n<ul>\n<li>Clean user interface, no bells, no whistles, no horns.<\/li>\n<li>Lightweight code (no PHP, 2 JS files and 1 CSS file).<\/li>\n<li>No settings page (really).<\/li>\n<li>No database queries.<\/li>\n<\/ul>\n\n<h4>Upstream Project<\/h4>\n\n<p>You can look at <a href=\"https:\/\/github.com\/s-yadav\/iv-viewer\">Github<\/a> for the original code.\nThis project is integrated in this WordPress plugin and all ready to use.<\/p>\n\n<h4>Compatibility<\/h4>\n\n<p>This plugin is compatible with <a href=\"https:\/\/www.classicpress.net\">ClassicPress<\/a>.<\/p>\n\n<h4>Contributions<\/h4>\n\n<p>This plugin is also available in <a href=\"https:\/\/codeberg.org\/cyclotouriste\/wp-imageviewer\">Codeberg<\/a>.<\/p>\n\n<!--section=installation-->\n<h4>Installation<\/h4>\n\n<ul>\n<li>Install the plugin through the admin page \"Plugins\".<\/li>\n<li>Alternatively, unpack and upload the contents of the zipfile to your '\/wp-content\/plugins\/' directory.<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress.<\/li>\n<li>That's it.<\/li>\n<\/ul>\n\n<p>It should just work on the standard WordPress gallery and images.<\/p>\n\n<!--section=faq-->\n<dl>\n<dt id=\"i%20have%20an%20image%2C%20but%20when%20i%20click%20nothing%20happens\"><h3>I have an image, but when I click nothing happens<\/h3><\/dt>\n<dd><p>This plugin expects the same html layout as lightbox, colorbox and fancybox. The image\/thumbnail should be inside a link, an a element.\nThat 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,<\/p><\/dd>\n<dt id=\"i%20am%20using%20nextgen%20gallery\"><h3>I am using Nextgen Gallery<\/h3><\/dt>\n<dd><p>You can go to Gallery &gt; Other Options &gt; Lightbox Effect-tab and select None for the Lightbox Effect.<\/p><\/dd>\n<dt id=\"i%20would%20like%20to%20use%20custom%20options%20for%20the%20viewer\"><h3>I would like to use custom options for the viewer<\/h3><\/dt>\n<dd><p>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).<\/p>\n\n<pre><code>&lt;?php\nfunction imageviewer_custom_options() {\n    ?&gt;\n    &lt;script&gt;\n    imageviewer_custom_options = {\n        zoomValue: 100,\n        snapView: true,\n        maxZoom: 500,\n        refreshOnResize: true,\n        zoomOnMouseWheel: true\n    };\n    &lt;\/script&gt;\n    &lt;?php\n}\nadd_action( 'wp_footer', 'imageviewer_custom_options' );\n?&gt;\n<\/code><\/pre><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>3.0.1<\/h4>\n\n<ul>\n<li>2026-02-04<\/li>\n<li>Fix arrow keys when viewer is inactive.<\/li>\n<\/ul>\n\n<h4>3.0.0<\/h4>\n\n<ul>\n<li>2026-01-13<\/li>\n<li>Rewrite jQuery into vanilla JavaScript.<\/li>\n<li>Support heif and avif images.<\/li>\n<li>Remove wp_imageviewer_show_callback.<\/li>\n<\/ul>\n\n<h4>2.0.7<\/h4>\n\n<ul>\n<li>2024-11-15<\/li>\n<li>Set z-index to 10000 for Twenty Twelve theme.<\/li>\n<\/ul>\n\n<h4>2.0.6<\/h4>\n\n<ul>\n<li>2022-10-28<\/li>\n<li>Add callback for after showing an image.<\/li>\n<\/ul>\n\n<h4>2.0.5<\/h4>\n\n<ul>\n<li>2021-08-12<\/li>\n<li>Add possibility to use custom options for the viewer.<\/li>\n<\/ul>\n\n<h4>2.0.4<\/h4>\n\n<ul>\n<li>2021-02-22<\/li>\n<li>Fix deprecated jQuery calls with WP 5.6 and jQuery 3.5.<\/li>\n<\/ul>\n\n<h4>2.0.3<\/h4>\n\n<ul>\n<li>2020-11-03<\/li>\n<li>Support images which have extra ?get parameters.<\/li>\n<\/ul>\n\n<h4>2.0.2<\/h4>\n\n<ul>\n<li>2020-10-19<\/li>\n<li>Do not slide on touch when zoomed in.<\/li>\n<\/ul>\n\n<h4>2.0.1<\/h4>\n\n<ul>\n<li>2020-02-21<\/li>\n<li>Fix check for active viewer.<\/li>\n<\/ul>\n\n<h4>2.0.0<\/h4>\n\n<ul>\n<li>2020-02-18<\/li>\n<li>Update to upstream 2.0.0 iv-viewer.<\/li>\n<li>Add navigation with arrow keys.<\/li>\n<li>Only add hide-event to 'body' once, not for every image.<\/li>\n<li>Only run expensive code when viewer is active.<\/li>\n<\/ul>\n\n<h4>1.2.0<\/h4>\n\n<ul>\n<li>2019-07-12<\/li>\n<li>Support Enter and Esc key to open or close viewer.<\/li>\n<\/ul>\n\n<h4>1.1.2<\/h4>\n\n<ul>\n<li>2019-04-16<\/li>\n<li>Do not swipe on multitouch.<\/li>\n<\/ul>\n\n<h4>1.1.1<\/h4>\n\n<ul>\n<li>2019-03-29<\/li>\n<li>Add z-index to close button.<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>2019-03-11<\/li>\n<li>Support touch events for swiping.<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>2019-01-03<\/li>\n<li>Slightly bigger navigation buttons again, should be less sticky.<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>2018-12-01<\/li>\n<li>Slightly bigger navigation buttons.<\/li>\n<li>Add z-index to navigation.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>2018-11-30<\/li>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"A zooming and panning plugin inspired by google photos for your web images.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/94943","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=94943"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/mpol"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=94943"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=94943"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=94943"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=94943"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=94943"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=94943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}