[{"name":"WP ImageViewer","slug":"wp-imageviewer","version":"2.0.6","author":"Marcel Pol","author_profile":"https://profiles.wordpress.org/mpol/","requires":"4.1","tested":"6.6.2","requires_php":"7.0","requires_plugins":[],"rating":100,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":8},"num_ratings":8,"support_threads":1,"support_threads_resolved":0,"downloaded":7607,"last_updated":"2024-07-22 9:56am GMT","added":"2018-11-30","homepage":"https://wordpress.org/plugins/wp-imageviewer/","sections":{"description":"

ImageViewer is an image viewer inspired by Google Photo’s.
\nIt 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 for the original code.
\nThis project is integrated in this WordPress plugin and all ready to use.

Compatibility

This plugin is compatible with ClassicPress.

Contributions

This plugin is also available in Codeberg.

\n","installation":"

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.

\n","faq":"\n

\nI have an image, but when I click nothing happens\n\n

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,

\nI am using Nextgen Gallery\n\n

You can go to Gallery > Other Options > Lightbox Effect-tab and select None for the Lightbox Effect.

\nI would like to use custom options for the viewer\n\n

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

<?php\nfunction imageviewer_custom_options() {\n    ?>\n    <script>\n    imageviewer_custom_options = {\n        zoomValue: 100,\n        snapView: true,\n        maxZoom: 500,\n        refreshOnResize: true,\n        zoomOnMouseWheel: true\n    };\n    </script>\n    <?php\n}\nadd_action( 'wp_footer', 'imageviewer_custom_options' );\n?>\n

\n\n","changelog":"

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.

\n"},"short_description":"A zooming and panning plugin inspired by google photos for your web images.","download_link":"https://downloads.wordpress.org/plugin/wp-imageviewer.2.0.6.zip","screenshots":[],"tags":{"colorbox":"colorbox","fancybox":"fancybox","imageviewer":"ImageViewer","iv-viewer":"iv-viewer","lightbox":"lightbox"},"versions":{"2.0.0":"https://downloads.wordpress.org/plugin/wp-imageviewer.2.0.0.zip","2.0.1":"https://downloads.wordpress.org/plugin/wp-imageviewer.2.0.1.zip","2.0.2":"https://downloads.wordpress.org/plugin/wp-imageviewer.2.0.2.zip","2.0.3":"https://downloads.wordpress.org/plugin/wp-imageviewer.2.0.3.zip","2.0.4":"https://downloads.wordpress.org/plugin/wp-imageviewer.2.0.4.zip","2.0.5":"https://downloads.wordpress.org/plugin/wp-imageviewer.2.0.5.zip","2.0.6":"https://downloads.wordpress.org/plugin/wp-imageviewer.2.0.6.zip","trunk":"https://downloads.wordpress.org/plugin/wp-imageviewer.zip"},"donate_link":"","icons":{"1x":"https://ps.w.org/wp-imageviewer/assets/icon-128x128.png?rev=2047278","2x":"https://ps.w.org/wp-imageviewer/assets/icon-256x256.png?rev=2047278"}}]

ImageViewer

WP ImageViewer

Get New Themes & Resources