[jQuery] Thickbox half-works.
This is my code. The problem I'm having is that when I click the
thumbnail all I see the loading bar. It just hangs there animated.
Interestingly if I take the rel tag out of the images it works, but it
doesn't show the previous and next options in the thickbox.
Suggestions?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="thickbox/js/jquery-latest.js"></
script>
<script type="text/javascript" src="thickbox/js/thickbox-
compressed.js"></script>
<link rel="stylesheet" href="styles/thickbox.css" type="text/css"
media="screen" />
<meta http-equiv="content-type" content="text/html;
charset=windows-1250">
<title>Lab6b - jquery</title>
</head>
<body>
<a href="images/plant1.jpg" title="add a caption to title attribute /
or leave blank" class="thickbox" rel="gallery-plants"><img src="images/
plant1_t.jpg" alt="Plant 1" /></a>
<a href="images/plant2.jpg" title="add a caption to title attribute /
or leave blank" class="thickbox" rel="gallery-plants"><img src="images/
plant2_t.jpg" alt="Plant 2" /></a>
<a href="images/plant3.jpg" title="add a caption to title attribute /
or leave blank" class="thickbox" rel="gallery-plants"><img src="images/
plant3_t.jpg" alt="Plant 3" /></a>
<a href="images/plant4.jpg" title="add a caption to title attribute /
or leave blank" class="thickbox" rel="gallery-plants"><img src="images/
plant4_t.jpg" alt="Plant 4" /></a>
</body>
</html>