I'm trying to have a thickbox appear after clicking on a link in an image map, but its just leading to a new page with the first image.
I think its version 3.1
Heres my code:

<html>
<head>
	<title>liz b morrison : imitation</title>
	<link rel="stylesheet" href="V6.css" type="text/css" media="screen">
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript" src="thickbox.js"></script>
</head>


<body>
<body background="woodbg.jpg">

<div id='main'>
<img src="photo_im.png" usemap="#immap" width="800" height="670" border="0">
<map name="immap">
<area shape="rect" coords="750,645,800,670" href="photoV6.html">
<area shape="rect" coords="160,140,350,270" href="bwa01.jpg" class="thickbox" rel="gallery-sara"></a>
<a href="bwa02.jpg" class="thickbox" rel="gallery-sara"></a>
<a href="bwa04.jpg" class="thickbox" rel="gallery-sara"></a>
<a href="bwa05.jpg" class="thickbox" rel="gallery-sara"></a>
<a href="bwa03.jpg" class="thickbox" rel="gallery-sara"></a>
<a href="bwa06.jpg" class="thickbox" rel="gallery-sara"></a>
</map>
</div>

I combined my css and the thickbox css file
I know css and html well, but I'm at somewhat of a loss when it comes to js

http://lizbmorrison.net/imitiationV6.html is the actual page

any help would be really appreciated, thanks :)

Comments

lizzmo’s picture

lizzmo commented

** the link is http://lizbmorrison.net/imitationV6.html not imitiation :P

frjo’s picture

frjo commented
Title: thickbox linked from image map not working » thickbox linked from image map not working (edit: but it's not a Drupal site)
Status: Active » Closed (won't fix)

You are not using Drupal so please go to http://jquery.com/demo/thickbox/. That is the site for the actual JavaScript.

You have also forgotten to add the jquery.js file to your site, or at least the path is wrong.