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

Liton Arefin

Babar

<p><a href="https://master-addons.com" rel="nofollow ugc">Master Addons</a> is Collection of Exclusive & Unique Addons for Elementor Page Builder. This Plugin that gives you full control over Images to show in your website.</p>
<blockquote>
<p>Don’t forget to check <a href="https://wordpress.org/plugins/master-addons/" rel="ugc">Master Addons for Elementor</a><br />
  Includes 50+ Addons, 15+ Extensions & 1000+ Landing Pages.<br />
  <a href="https://master-addons.com/all-widgets/" rel="nofollow ugc">All Addons</a> | <a href="https://master-addons.com/contact-us/" rel="nofollow ugc">Support</a> | <a href="https://master-addons.com/docs/" rel="nofollow ugc">Docs</a> | <a href="https://www.youtube.com/watch?v=wXPEl93_UBw&list=PLqpMw0NsHXV9V6UwRniXTUkabCJtOhyIf" rel="nofollow ugc">Tutorials</a> | <a href="https://master-addons.com/go/upgrade-pro/" rel="nofollow ugc">Upgrade Pro</a></p>
<p>Get 20% Discount now, Coupon Code: ENJOY20  <a href="https://master-addons.com/go/upgrade-pro/" rel="nofollow ugc">Purchase Now</a></p>
</blockquote>
<h3>Installation Video Tutorial:</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/dr7su8U88Yo?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>Elementor Tutorial:</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/c18zDqpnCWE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p><strong>WordPress prettyPhoto</strong> is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox.</p>
<p>It is very easy to setup, yet very flexible if you want to customize it a bit. Plus the script is compatible in every major browser, even IE6.<br />
For a installation guide checkout the <strong>Installation</strong> tab above.</p>
<p><strong>Usage Guide:</strong> It’s very easy to implement. Just use a rel=”prettyPhoto” attribute with the link tags you want to pop up and that’s all. You’re ready to rock.</p>
<p>Example: <code><a href="images.jpg" rel="prettyPhoto" title="This is the description"><img src="thumbnail.jpg" width="60" height="60" alt="This is the title" /></a></code><br />
A set of short codes to use with visual editor of post/page is being cooked.</p>
<p>Make sure that your theme is WordPress header and footer tag enabled otherwise this plugin won’t work.</p>


PrettyPhoto – Simple Lightbox Plugin

An easy to use lightbox/thickbox clone for WordPress. Prettyphoto Elementor Addon supports

Really Simple Popup vs PrettyPhoto – Simple Lightbox Plugin