use action in loaded page jquery
<p>I have to pages</p>

<p>one Index.html</p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
&lt;title&gt;index.html&lt;/title&gt;
&lt;script type="text/javascript" src="js/jquery-1.3.2.min.js"&gt;&lt;/script&gt;

 &lt;script src="js/jquery.tools.min.js"&gt;&lt;/script&gt;

   &lt;script type="text/javascript"&gt;

   $(document).ready(function() {

                       $("#content").load("pages/nieuws.php");
     $("a[rel]").overlay({

      expose: 'darkred',
      effect: 'apple',

      onBeforeLoad: function() {

       // grab wrapper element inside content
       var wrap = this.getContent().find(".contentWrap");

       // load the page specified in the trigger
       wrap.load(this.getTrigger().attr("href"));
      }

     });
     });


// --&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="content"&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>And i have a otherone that is the load pages nieuws.php</p>

<pre><code>   &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
&lt;title&gt;Nieuws.php&lt;/title&gt;

&lt;/head&gt;
&lt;body&gt;
 &lt;a href="pages/images/horeca1.jpg" rel="#overlay"&gt;
&lt;img src="pages/images/horeca1.jpg" height="100" alt=""  border ="0"/&gt;
&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>The problem I face I can use the overlay action from nieuws.php</p>
