Nest an asset in a fancy box (lightbox)

(Ka Hill) #1

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.

(Nic Hubbard) #2

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.

(Ka Hill) #3

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

(Nic Hubbard) #4

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?