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

Leonardo Giacone

<p>Easy SwipeBox plugin for WordPress websites gives you a flexible, aesthetic and mobile-friendly Lightbox solution for just about all media links on your website. Easy SwipeBox uses the packed <a href="http://brutaldesign.github.io/swipebox/?source=easy-swipebox-wp-plugin" rel="nofollow ugc">SwipeBox</a> and is multisite compatible.</p>
<h4>Main features</h4>
<ol>
<li>Enqueuing of SwipeBox Javascript and CSS files.</li>
<li>Customization of SwipeBox lightbox appereance and behaviour from the Lightbox Settings page.</li>
<li>Autodetection of links to images or videos. You can exclude/include media types from the Autodetection Settings page.</li>
<li>Other geek settings in the Advanced Settings page.</li>
</ol>
<h4>Autodetection</h4>
<p>Select one or more options from Autodetection setting page, Easy SwipeBox automatically detects the media type and add <code>class="swipebox"</code> to their links.<br />
Otherwise, add <code>class="swipebox"</code> yourself to make the magic happen.</p>
<p>If you like to exclude some images or videos from autodetection enter the selector that groups these elements.<br />
By default, Easy SwipeBox uses <code>.no-swipebox</code>.</p>
<h4>Contribution</h4>
<p>There are many ways to contribute to this plugin:</p>
<ol>
<li>Report a bug, submit pull request or new feature proposal: visit the <a href="https://github.com/leopuleo/easy-swipebox" rel="nofollow ugc">Github repo</a>.</li>
<li>Translate it in your language: visit the <a href="https://translate.wordpress.org/projects/wp-plugins/easy-swipebox" rel="nofollow ugc">WordPress translation page</a>.</li>
<li>Rate it 5 stars on <a href="https://wordpress.org/support/view/plugin-reviews/easy-swipebox?filter=5#postform" rel="ugc">WordPress.org</a>.</li>
<li><a href="//paypal.me/LeonardoGiacone" rel="nofollow ugc">Buy me a beer!</a></li>
</ol>
<h4>Support</h4>
<p>Need help? Read the <a href="https://wordpress.org/plugins/easy-swipebox/faq/" rel="ugc">FAQ</a> or visit the <a href="https://wordpress.org/support/plugin/easy-swipebox" rel="ugc">WordPress.org</a> support page / <a href="https://github.com/leopuleo/easy-swipebox/issues" rel="nofollow ugc">Github Issue Tracker</a>.</p>
<p>Note: this plugin use SwipeBox jQuery plugin as Lightbox solution. For any issues and pull requests related to SwipeBox functionalities please visit the <a href="https://github.com/brutaldesign/swipebox" rel="nofollow ugc">SwipeBox Repo</a>.</p>


Easy SwipeBox

Swipebox is a great mobile-first image viewer. This plugin Just Works™, and it has an excellent admin panel exposing all the Swipebox settings.

If I had one feature requests, it's that I'd like photos to be grouped by post, instead of putting every image on the page into the same group. 

If you are currently using my old WP-jQuery Lightbox, strongly consider replacing it with Easy SwipeBox. It is better maintained, and provide a better experience on mobile devices. 

Thanks Leonardo for putting this together!

Great!

Easily enable the SwipeBox jQuery extension on all media links. Optimized for responsive layouts and touch devices.

Really Simple Popup vs Easy SwipeBox