Hey there,

  So to be clear: Do you want to be able to have the link in the caption area to be clickable and then have it take the user to the link, or do you want the user to click on an image, and then click the right arrow and instead of jumping to the next image go to the site first?

-Devon

No problem! Okay, let's try this for the link in the caption area:

In order to link the text in the caption area, you need to convert the double quotes and greater than or less than signs in your link to their HTML entities (this is because the href link you are currently using would get confused by the regular "<"s being used, so in order to keep them separated for the code to be read correctly, we convert them to their entitity.).

So for instance your first link would look like:

<li>

     <a href="images/work/work-full1.jpg" rel="prettyPhoto[1]" title="&lt;a href=&quot;yourLink.html&quot;&gt;Trade Show Panels - 2011&lt;/a&gt;"><img src="images/work/work-thumb1.jpg" /></a>

</li>

Where &gt; = > and &lt; = <

Where &quot; = "

Let me know if that helps!

Try this:

2011 target="_blank"&lt;/a&gt;">

Nancy O.

<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. : )

Hi there,

No worries. It's a confusing line of code to wrap someone's brain around. : )

I have gotten it to work for me using this code:

<li><a href="images/work/work-full5.jpg" rel="prettyPhoto[1]" title="&lt;a href=&quot;http://doubleulabs.com/rodden/index.html&quot; target=&quot;_blank&quot;&gt;Click Me&lt;/a&gt;"><img src="images/work/work-thumb5.jpg"></a></li>

  Access my source files here: www.jawdroppingdesign.com/HTML_new.zip

  What browser are you viewing this in? I tested in Firefox, Chrome, and Safari on Mac OSX Lion...

Hi Amanda,

Do you have this link live somewhere that I can see it in action? Also, the space between "be" and "autiful" in your link may be causing some problems. Also, the end quote and end chevron need to be converted to their entities, and you also need to close your link with </a> converted to entities after 'Web Link' before your target tag.

I hope this helps.

-Devon

Amanda,

  As a personal preference I like to use shadowbox: http://www.shadowbox-js.com/ --Just a suggestion. : )

  I think you're right in taking a break, sometimes that does worlds of difference when trying to solve a problem. I will keep working on this to identify your specific solution and will post it here if I find anything.  : )

Thank you!

-Devon