Help with normal text hyperlink within div that has lightbox assigned to.
I have created a gallery of images that when clicked on display in the "lightbox" style using jquery.lightbox-0.5.js
Now it seems that the lightbox code is applied to all anchor links within the following galleryThumbs div
- <script type="text/javascript">
$(function() {
$('#galleryThumbs a').lightBox();
});
</script>
What I am trying to achieve is to put a link under each photo however when I click on this link, it just displays the lightbox effect on the page and hangs on a loading animation. All I want it to do is behave like a normal hyperlink with no lightbox effect.
Here is my code for the div
- echo"<div id='galleryThumbs'>";
while ($row = mysql_fetch_array($photoResult)) {
$petOwnerName = $row['petOwnerName'];
$dateSubmitted = date("jS M Y",strtotime($row['dateSubmitted']));
$petName = $row['petName'];
$description = $row['photoDescription'];
$imageFileName = $row['imageFileName'];
$thumbFileName = $row['thumbFileName'];
$photoId = $row["id"];
if(!empty($thumbFileName)) {
$thumbFileAndPath = SUBMISSIONS_DIRECTORY.$thumbFileName;
$imageFileAndPath = SUBMISSIONS_DIRECTORY.$imageFileName;
echo "<div class='galleryContainer'>";
echo "<h3>$petName</h3>";
echo "<a href='$imageFileAndPath' class='thickbox' rel='lightbox' title='$petName' ><img src='$imageFileAndPath' /></a>";
echo "<p>$description</p>";
echo "<p class='galleryCredit'>Submitted by $petOwnerName<br />$dateSubmitted</p>";
echo "<a href='http://www.blah.com'>Link goes here</a>";
echo "</div>";
}
}
echo "</div>";