Nest an asset in a fancy box (lightbox)

I'm only new at this so sorry if I don't get some terms correct.  I've worked out how to set up a fancy box or lightbox for an image. What I would like to do now is nest an asset into a button so my viewer isn't taken away from the page but when I replace the asset number for the image with the page asset number it no longer opens in the lightbox. Thanks for your help.

What lightbox library are you using? Are you sure that you are calling a URL the correct way? Normally these lightboxes have you use a certain class name in order to open a URL, since it opens it in an iFrame.

Hi Nic,  
I'm nesting the fancybox asset then in a new div the following code:
 
<div style="TEXT-ALIGN: center"><a class="fancy" title="lecturer receives award" href="./?a=537704"><img style="BORDER-BOTTOM: rgb(0,0,0) 0px solid; BORDER-LEFT: rgb(0,0,0) 0px solid; BORDER-TOP: rgb(0,0,0) 0px solid; BORDER-RIGHT: rgb(0,0,0) 0px solid" alt="Lecturer receives award" src="./?a=541999" /></a></div>
 
I've tried replacing asset id 537704 with the URL of the page but it doesn't make any difference.  When 537704 is replaced with the image asset id 541999 the lightbox works.
 
I hope this make sense

What Fancybox library are you using? There are many of them out there, I need to know to look at the docs.

 

So if you change the link to a page asset ID, does it just take you to that page?