http://www.kriesi.at/support/topic/how-to-use-iframes-with-prettyphoto Support Forum - Topic: How to use iframes with prettyphoto? en-US Wed, 22 May 2013 23:01:17 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/how-to-use-iframes-with-prettyphoto#post-11078 Sat, 08 Jan 2011 13:26:15 +0000 Dude 11078@http://www.kriesi.at/support/ <p>To use iframe function you need to:</p> <p> 1. Create a link (a href="”#”").<br /> 2. Add the rel attribute “prettyPhoto” to it (rel=”prettyPhoto”).<br /> 3. Change the href of your link so it points to the webpage you want to open.<br /> 4. Then add “?iframe=true” as a parameters in your HREF so prettyPhoto knows to open the content in an iframe.<br /> 5. Then add the width and height as parameters in your HREF (&amp;width=100&amp;height=100). Please note that the dimensions can be percent based.</p> <p>code example:</p> <pre><code>&lt;a href=&quot;http://www.google.com?iframe=true&amp;width=100%&amp;height=100%&quot; rel=&quot;prettyPhoto[iframes]&quot; title=&quot;Google.com opened at 100%&quot;&gt;Google.com&lt;/a&gt; &lt;a href=&quot;http://www.apple.com?iframe=true&amp;width=500&amp;height=250&quot; rel=&quot;prettyPhoto[iframes]&quot;&gt;Apple.com&lt;/a&gt; &lt;a href=&quot;http://www.twitter.com?iframe=true&amp;width=400&amp;height=200&quot; rel=&quot;prettyPhoto[iframes]&quot;&gt;Twitter.com&lt;/a&gt;</code></pre> <p>Have a look at this page for more informations: <a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/" rel="nofollow">http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/</a> </p>