Skip to main content
Participant
December 23, 2021
Question

Multiple Clickable text links in Lightbox Descriptor Text

  • December 23, 2021
  • 1 reply
  • 126 views

I have a nice Lightbox gallery on my website now, courtesy this great video by  Dan Carr (https://helpx.adobe.com/dreamweaver/how-to/make-web-portfolio.html#). I am wondering if anyone might be able to help me out with making the text in the image descriptor (visible while Lightbox gallery image is on-screen) into clickable links.

 

Here is sample code from the first gallery image:

 

<!--INSTRUCTIONS FOR BASIC USE OF LIGHTBOX: http://lokeshdhakar.com/projects/lightbox2/-->
<!--LIGHTBOX IMAGE1-->
<div id="lightboxWrap">
<a href="/images/gallery/highres/HiroshimabendJ10C.png" class="imgGallery" data-lightbox="slideSeries" data-title="ODP066 Hiroshimabend J10C - Available at Discogs">
<div class="thumbnailWrapper"><img src="/images/gallery/preview/HiroshimabendJ10C.png" alt=""/>
</div></a>

 

I have underlined in bold text the word Discogs, denoting where I would like to put the link inside of the text field for the image descriptor so that when the image is up, if the link is clicked, it will open in a new window.

 

Simple enough, eh? (at least explaining the concept) I just wouldn't know where to begin on figuring out something like this.

 

Thanks in advance for any assistance...Cheers then!

    This topic has been closed for replies.

    1 reply

    Nancy OShea
    Community Expert
    Community Expert
    December 23, 2021

    That's really great except that your lightbox plugin is about 10 years out of date and no longer supported. 😞 

     

    Switch to the latest Fancybox 4x viewer.  It has more features and it's responsive for a better experience on mobile and tablet devices.

    https://fancyapps.com/docs/ui/fancybox/

     

     

    Nancy O'Shea— Product User & Community Expert