DaganLev

huntlyc

Simple, easy to use, fancybox style popup.
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.
<h4>Avanced users</h4>
<h4>Basic use</h4>
Anchor class for popup: “hs-rsp-popup”
<h4>Advanced use</h4>
<ul>
<li>disable gallery feature and popup for image by adding this class: no-hsrsp-popup</li>
<li>anchor classes for iframe popup “hs-rsp-popup iframe”</li>
<li>anchor classes for html popup “hs-rsp-popup hiddendiv”</li>
</ul>
<h4>Examples</h4>
To popup an image give the anchor tag around the image this class: “hs-rsp-popup” 
Example: <code><a href="image.png" class="hs-rsp-popup"><img src="image.png" alt="image"/></a></code>
For an iframe, set the srct of the iframe and use the class “iframe” combined with “hs-rsp-popup”: 
 <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>
You can also use this to show html content. For local content just use the id of the element for the href: 
 <a href="#elementid" rel="nofollow ugc">click here</a> 
 Hello, World!
For remote content, link to the page, for example: 
 <a href="http://www.hotscot.net" rel="nofollow ugc">click here</a>
<h4>Setting Popup Size (image/iframe)</h4>
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.
For Example: 
 <a href="image.png" rel="nofollow ugc"></a>
Note: for this to work, you have to use both the data-popupwidth and data-popupheight attributes.

Really Simple Popup

Simple, easy to use, fancybox style popup

damiroquai

Simple Fancybox for WordPress image gallery. Works for both, shortcode gallery in classic editor and Gutenberg blocks. Install and activate, nothing else to set up here. Fancybox will work for WordPress galleries. Only important thing is to set link to file, we don’t want to open attachment page. By default, the plugin will use jQuery to apply FancyBox to any thumbnails that link directly to an image.
Fancybox includes support for touch gestures and even supports pinch gestures for zooming. It is perfectly suited for both mobile and desktop browsers.
Fancybox has been tested in following browsers/devices:
<ul>
<li>Chrome</li>
<li>Firefox</li>
<li>IE10/11</li>
<li>Edge</li>
<li>iOS Safari</li>
<li>Android 7.0 Tablet</li>
</ul>
<a href="https://wordpress.transformnews.com/plugins/simple-fancybox-1437" rel="nofollow ugc">Plugin Home + Demo URL</a>
Original fancybox script is licensed under the GPLv3 license for all open source applications. A commercial license is required for all commercial applications (including sites, themes and apps you plan to sell).

Simple Fancybox

Plugin will integrate Fancybox, the world’s most popular lightbox script.

Really Simple Popup vs Simple Fancybox