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

www.gopiplus.com

gopiplus

<p>This plugin allows you to create lightweight JQuery fancy box popup window in your blog with custom content. In the admin interface we can easily configure popup size and timeout (i.e. show popup window based on timeout after page load). In this popup we can display any content such as Video, Image, Advertisement and much more.</p>
<p>Check official website for live demo <a href="http://www.gopiplus.com/work/2013/08/08/popup-with-fancybox-wordpress-plugin/" rel="nofollow ugc">http://www.gopiplus.com/work/2013/08/08/popup-with-fancybox-wordpress-plugin/</a></p>
<ol>
<li><a href="http://www.gopiplus.com/work/2013/08/08/popup-with-fancybox-wordpress-plugin/" rel="nofollow ugc">Live Demo</a>       </li>
<li><a href="http://www.gopiplus.com/work/2013/08/08/popup-with-fancybox-wordpress-plugin/" rel="nofollow ugc">More information</a>        </li>
<li><a href="http://www.gopiplus.com/work/2013/08/08/popup-with-fancybox-wordpress-plugin/" rel="nofollow ugc">User Comments</a></li>
<li><a href="http://www.gopiplus.com/work/2013/08/08/popup-with-fancybox-wordpress-plugin/" rel="nofollow ugc">Donate</a></li>
</ol>
<p>This plugin allows you to create lightweight JQuery fancy box popup window in your blog with custom content. In the admin interface we can easily configure popup size and timeout (i.e. show popup window based on timeout after page load). In this popup we can display any content such as Video, Image, Advertisement and much more.</p>
<p>In the admin we have standard wordpress HTML editor to create the popup message. So that we can customise the messages easily. also we have option to set expiration time for popup window. and we have option to display popup once per session, so that the popup never appear again if user navigate to another page.</p>
<h4>Advantage of this plugin</h4>
<ol>
<li>Lightweight JQuery.</li>
<li>Fancybox css in popup windows.</li>
<li>Show popup window based on timeout after page load.</li>
<li>HTML editor to create the popup message.</li>
<li>Option to set expiration time for message.</li>
<li>Option to set popup display once per session.</li>
<li>Supports localization.</li>
</ol>
<h4>Plugin configuration option</h4>
<p>Display popup in specific page/post.</p>
<p>This plugin have short code option to display the popup in specific page. Just copy and paste the plugin short code into specific posts or pages to display the popup. We can use group name or message id to display the popup.</p>
<p>Display popup in entire website.</p>
<ul>
<li>Go to widget page and drag and drop the widget Popup with fancybox into your sidebar, so that popup will display in entire website.</li>
<li>Copy and paste the given PHP code into your footer.php file, so that popup will display in the entire website.</li>
</ul>
<p>Display popup only in the home page.</p>
<ul>
<li>Download footer.php file from your theme folder.</li>
<li>Paste the given PHP code, and upload back to server.</li>
</ul>
<h4>Translators</h4>
<ul>
<li>Tamil (ta) – <a href="http://www.gopiplus.com/" rel="nofollow ugc">Gopi Ramasamy</a></li>
<li>Polish (pl) – <a href="https://www.couponmachine.in/" rel="nofollow ugc">Abdul Sattar</a></li>
</ul>


Popup with fancybox

This plugin allows you to create lightweight fancy box popup window in your blog with custom content. we can easily configure popup size and timeout.

Really Simple Popup vs Popup with fancybox