[eluser]slowgary[/eluser]
Look at the 'gallery images' example. It shows you how to do multiple images. If you only want to show 1 thumbnail, just don't put anything inside of the other <a> tags, or use CSS to hide them. So:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html >
<head>
<title></title>
<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1' />
<script type='text/javascript' src='http://jquery.com/demo/thickbox/js/jquery-1.1.3.1.pack.js'></script>
<script type='text/javascript' src='http://jquery.com/demo/thickbox/thickbox-code/thickbox-compressed.js'></script>
<script type='text/javascript' src='http://jquery.com/demo/thickbox/js/global.js'></script>
<style type='text/css'>
@import 'http://jquery.com/demo/thickbox/thickbox-code/thickbox.css';
@import 'http://jquery.com/demo/thickbox/css/global.css';
</style>
</head>
<body>
<a href="http://jquery.com/demo/thickbox/images/plant1.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants"><img src="http://jquery.com/demo/thickbox/images/plant1_t.jpg" alt="Plant 1" /></a>
<a href="http://jquery.com/demo/thickbox/images/plant2.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants"></a>
<a href="http://jquery.com/demo/thickbox/images/plant3.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants"></a>
<a href="http://jquery.com/demo/thickbox/images/plant4.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants"></a>
</body>
</html>
This is a working example. I basically just took the gallery example they use on the site, changed all the links to absolute, then removed the 3 images from within the links (all except the first one).
