Jquery Popup , using Theme and Transitions
<p>I want to use <code>data-overlay-theme</code> and make the popup to appear in front of the pictures not behind them , Also how can i make a box around the popup and make the rest of the page darker when someone click on the image , the code that i am using is -</p>

<pre><code>&lt;script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"&gt;&lt;/script&gt;      
 &lt;script&gt;
     $(document).ready(function (e) {
     $("framediv").hide();
        $("#link1").click(
    function (e) {

    $("#framediv").css({'display':'block'});
    });
     });

    &lt;/script&gt;
        &lt;div class="photo-container" &gt;
            &lt;a name="link1" href="&lt;?php echo $offer_link1 ?&gt; " target="frame1"&gt;
                &lt;img src="./images/im12.png" height="100" width="100"&gt;
            &lt;/a&gt;
        &lt;/div&gt;
        &lt;div id="framediv"&gt;
        &lt;iframe height="300" width="300" name="frame1" border="0px" &gt;&lt;/iframe&gt;
        &lt;/div&gt;
</code></pre>

<p>The url of the page -
<a href="http://beflirty.net/lp1/signup12.php" rel="nofollow">http://beflirty.net/lp1/signup12.php</a> please click on the top left pic to see the popup.</p>

<p>Thanks</p>
