add url link in "lightbox style" js gallery

[kineticcreative123]

Hello,

Can someone help me add a url link in the image description? I am using an "overlay" gallery (prettyphoto) and want viewers to be able to visit a site instead of going to the next image when clicked on images that are websites.

CSS Code I am using:

<li><a href="images/work/work-full1.jpg" rel="prettyPhoto[1]" title="Trade Show Panels - 2011"><img src="images/work/work-thumb1.jpg"></a></li>

<li><a href="images/work/work-full2.jpg" rel="prettyPhoto[1]" title="Local Resource Website - Lake Wylie, SC"><img src="images/work/work-thumb2.jpg"></a></li>

and so on...

View gallery in action here:

click on the work tab.

http://doubleulabs.com/

Thanks for any help on this.

[dhosford]

Amanda,

  I'm so glad that I was able to help (in a small way) Shadowbox is great. It makes the images look 10x better in my opinion too because of the lack of a border. Also it will honor the customization of your link in the caption if you give it an id/class. Let me know if you need any more help!

-Devon

[spikeRush]

The only issue I have with it is that in lightbox my captions could be a couple paragraph's long and they sat below the images, in shadowbox they are above the image and can only be a few words long.  I am fiddling with it right now to see if I can expand or move the caption to the bottom.

http://amandabaucom-portfolio.com/ddr/ddr_new_phpmod/index.php?section=success

[dhosford]

The second reply on this thread has some information on moving the caption:

http://shadowbox.1309102.n2.nabble.com/Move-quot-Title-quot-Caption-to-the-Bottom-Left-of-Shadowbox-...

[Guest]

Hi.

I Have used the corect answer of this topic here and it worked perfectly. i have allso added an image as a link. Thank you for help.

Is it possible to add more than one link?

Here is my code:

<li> <a href="images/contacts/2c.jpg" rel="lightbox" title="&lt;a href=&quot;http://www.jaga.lt/ &quot; target=&quotblank&quot&gt; &lt;img src=&quot;images/contacts/1p.jpg&quot;  &lt;/a&gt;"></a> </li>

[dhosford]

<li><a href="images/work/work-full3.jpg" rel="prettyPhoto[1]" title="&lt;a href=&quot;http://doubleulabs.com/P21/index.html">Web Link"target="_blank"><img src="images/work/work-thumb3.jpg" /></a>

</li> 

I also wanted to add^ The reason why this line didn't work is because the target="_blank" wasn't converted to it's entity and it was also placed inside the area where the text is. In order for it to work, target="_blank" should always go inside the beginning of the href (<a href="..." target=_"blank">) Just thought I would point that out for your future reference. : )