lightbox display at parent page

[wtp]

hi,

 

i have a problem here. in parent page, i using iframe to display child page. while child page got photo and user can click on photo then it will enlarge the photo using lightbox. but problem is when it display, the lightbox area only at child page. how to show the lightbox area at parent page?

 

thanks

[wtp]

<p>This is the main content. To display a lightbox click <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">here</a></p>
<div id="light" class="white_content">This is the lightbox content. <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div>
<div id="fade" class="black_overlay"></div>

 

the above code i get it from "Create a Lightbox effect only with CSS - no javascript needed". i set it at child page, how to display it in parent page?

please guide ! thanks

[wtp]

how to overlay the parent page as well when i click the child page image?

 

anybody?