DaganLev

huntlyc

<p>Simple, easy to use, fancybox style popup.</p>
<p>Works for all images in your page that are in anchor tags.  If it finds more than one, it will create a small gallery you can navigate through with the buttons or your keyboard.  Advanced users can open iframes and html content in it fairly easily.</p>
<h4>Avanced users</h4>
<h4>Basic use</h4>
<p>Anchor class for popup: “hs-rsp-popup”</p>
<h4>Advanced use</h4>
<ul>
<li>disable gallery feature and popup for image by adding this class: <strong>no-hsrsp-popup</strong></li>
<li>anchor classes for <strong>iframe</strong> popup <em>“hs-rsp-popup iframe”</em></li>
<li>anchor classes for <strong>html</strong> popup <em>“hs-rsp-popup hiddendiv”</em></li>
</ul>
<h4>Examples</h4>
<p>To popup an image give the anchor tag around the image this class: <em>“hs-rsp-popup”</em><br />
Example: <code><a href="image.png" class="hs-rsp-popup"><img src="image.png" alt="image"/></a></code></p>
<p>For an iframe, set the srct of the iframe and use the class <em>“iframe”</em> combined with <em>“hs-rsp-popup”</em>:<br />
    <a href="http://www.youtube.com/watch?hl=en-GB&v=2WNrx2jq184&gl=GB" title="Bird is the word" rel="nofollow ugc">Watch this</a></p>
<p>You can also use this to show html content. For local content just use the id of the element for the href:<br />
    <a href="#elementid" rel="nofollow ugc">click here</a><br />
    Hello, World!</p>
<p>For remote content, link to the page, for example:<br />
    <a href="http://www.hotscot.net" rel="nofollow ugc">click here</a></p>
<h4>Setting Popup Size (image/iframe)</h4>
<p>You can use the following html5 data attributes in your link to set the size: <code>data-popupheight="100" data-popupwidth="300"</code>  These values are in pixels.</p>
<p>For Example:<br />
    <a href="image.png" rel="nofollow ugc"></a></p>
<p><strong>Note:</strong> for this to work, you have to use <em>both</em> the data-popupwidth and data-popupheight attributes.</p>


Really Simple Popup

Simple, easy to use, fancybox style popup

Marcel Pol

<p>ImageViewer is an image viewer inspired by Google Photo’s.<br />
It may also look familiar to users of Ebay.com or Tweakers.net.</p>
<p>It provides a modal for images, similar to modals as lightbox, colorbox and fancybox, just in a somewhat more abstract way.</p>
<h4>Features</h4>
<ul>
<li>Smooth dragging and panning images.</li>
<li>Support touch devices.</li>
<li>Double tap to zoom in/zoom out.</li>
<li>Pinch in / pinch out to zoom in/out.</li>
<li>Snap view for easier panning and zooming experience.</li>
<li>Exposed API to control zoom programmatically.</li>
</ul>
<h4>Anti-Features</h4>
<ul>
<li>Clean user interface, no bells, no whistles, no horns.</li>
<li>Lightweight code (no PHP, 2 JS files and 1 CSS file).</li>
<li>No settings page (really).</li>
<li>No database queries.</li>
</ul>
<h4>Upstream Project</h4>
<p>You can look at <a href="https://github.com/s-yadav/iv-viewer" rel="nofollow ugc">Github</a> for the original code.<br />
This project is integrated in this WordPress plugin and all ready to use.</p>
<h4>Compatibility</h4>
<p>This plugin is compatible with <a href="https://www.classicpress.net" rel="nofollow ugc">ClassicPress</a>.</p>
<h4>Contributions</h4>
<p>This plugin is also available in <a href="https://codeberg.org/cyclotouriste/wp-imageviewer" rel="nofollow ugc">Codeberg</a>.</p>


WP ImageViewer

Simple and nice modal plugin.
It should just work on most images that provide a modal. If an image doesn't work, let me know in the support forum.

Simple and nice

A zooming and panning plugin inspired by google photos for your web images.

Really Simple Popup vs WP ImageViewer