Want to have hyperlink in gallery caption

[NCanuck]

This is my code for a 'gallery' so to call on my website (http://www.thenourishedcanuck.com/blog/). I would like to introduce a hyperlink, so that I can link to an article, in with the caption. It works for the original image, but I would like to add different links to the captionbox when each image is called. (I.e. see the image that says 'why won't this work' - how can i make that sentence a hyperlink; something like that)

 

Any help or suggestions would be greatly appreciated!

 

p.s. this gallery only works on Firefox and Chrome; not on Internet Explorer

 

Here is the code for that portion:

 

<div>

<div id="gallery">

<div id="gallery-wrapper"><img class="output" src="<?php bloginfo('template_url'); ?>/images/img01.jpg" width="512" height="202" alt="" />

<div class="caption-box"> <span class="caption">Nourished Canuck</span><span class="caption2">Welcome to the Nourished Canuck.</span></div>

<br class="clear" />

<ul class="thumbnails">

<li><<img class="active" src="<?php bloginfo('template_url'); ?>/images/img01.jpg" title="Why won't this work?"></li>

<li><img src="<?php bloginfo('template_url'); ?>/images/img04.jpg"></li>

<li><img src="<?php bloginfo('template_url'); ?>/images/img05.jpg"></li>

</ul>

 

<br class="clear" />

</div>

</div>

 

 

<script type="text/javascript">

 

$('#gallery').gallerax({

outputSelector: '.output', // Output selector

thumbnailsSelector: '.thumbnails li img', // Thumbnails selector

captionSelector: '.caption', // Caption selector

captionLines: 2, // Caption lines (2 lines)

fade: 'fast', // Transition speed (fast)

});

 

</script>

 

<!-- end -->

</div>