lightbox 2.04, image map, shaded box but no image!

**shaky** · 11-22-2009, 08:45 AM

1) Script Title: Lightbox image viewer 2.04

2) Script URL (on DD): http://www.onmymachine/index.htm

Hi Guys
new to this forum so please take it easy on me

I am using lightbox 2.04 and can get it to work using an image as a button however, on the same page cannot get it to work with an image map. the page darkens but no image. Any help gratefully accepted.

[CODE]</head>

<body>
<div align="center">
<p><img src="pics/paulshakespeare.co.gif" width="1024" height="768" border="0" usemap="#mainpic" />
<map name="mainpic" id="mainpic">
</a>
<area shape="rect" coords="185,604,368,729" href="a.jpg" rel="lightbox alt="">
<area shape="rect" coords="448,606,638,732" href="b.jpg" rel="lightbox[plop]" title="Bloh Bloh Bloh"/>
</map>
</p>
<p><a href="images/image-1.jpg" rel="lightbox[plop]" image #1 title="Blah Blah Blah"><img src="images/image-1_thumb.jpg" width="106" height="150" border="0" /></a>
<a href="images/image-2.jpg" rel="lightbox[plop]" title="Bloh Bloh Bloh"></a>
<a href="images/image-3.jpg" rel="lightbox[plop]" title="Blag Blag Blag"></a> </p>
</div>
</body>
</html>[CODE]

**shaky** · 11-22-2009, 09:29 AM

OK so the latest is that it works in Firefox and Opera but not Safari, any ideas.

the code at the mo:

</head>

<body>
<div align="center">
<p><img src="pics/paulshakespeare.co.gif" width="1024" height="768" border="0" usemap="#mainpic" />
<map name="mainpic" id="mainpic">
</a>
<area shape="rect" coords="185,604,368,729" href="images/image-1.jpg" rel="lightbox[plop]" image #1 title="Blah Blah Blah">
<area shape="rect" coords="401,607,567,730" href="images/image-2.jpg" rel="lightbox[plop]" image #2 title="Blah Blah Blah">
<area shape="rect" coords="598,606,800,725" href="images/image-3.jpg" rel="lightbox[plop]" image #3 title="Blah Blah Blah">
</map>
</p>
<p><a href="images/image-1.jpg" rel="lightbox[plop]" image #1 title="Blah Blah Blah"><img src="images/image-1_thumb.jpg" width="106" height="150" border="0" /></a>
<a href="images/image-2.jpg" rel="lightbox[plop]" title="Bloh Bloh Bloh"></a>
<a href="images/image-3.jpg" rel="lightbox[plop]" title="Blag Blag Blag"></a> </p>
</div>
</body>
</html>