08-06-2008, 17:41
|
#1 (permalink)
|
|
Registered confUser
Join Date: Mar 2007
Location: NY
Posts: 378
|
Image Mapping + Lightbox = ?
Hi all,
I'm trying to combine lightbox and image mapping and it's getting ugly.
I was able to rig it so that it works in firefox, but that it doesn't work for Safari (see 2nd line of image mapping). Then I was able to get it to almost work in Safari, but that option doesn't work in firefox (see first line of image mapping.
here's my code:
Quote:
<div id="north_east">
<img src="images/maps/northeast.gif" height="528" width="576" border="0" alt="northeast" usemap="#northeast">
<map name="northeast">
<a href="images/image-1.jpg" area shape="rect" coords="461,308,341,335" rel="lightbox[northeast_map]" title="Cape Cod Canal, MA"></a>
<area shape="rect" coords="490,185,339,218" title="Sheepscot River, ME" href="images/energy_earth.jpg" rel="lightbox[northeast_map]">
<a href="images/image-3.jpg" area shape="rect" coords="430,350,290,363" rel="lightbox[northeast_map]" title="Housatonic River, CT"></a>
<a href="images/image-4.jpg" area shape="rect" coords="450,370,312,387" rel="lightbox[northeast_map]" title="Long Island Sound"></a>
<a href="images/image-5.jpg" area shape="rect" coords="380,392,280,416" rel="lightbox[northeast_map]" title="East River, NY"></a>
<a href="images/image-6.jpg" area shape="rect" coords="390,440,250,470" rel="lightbox[northeast_map]" title="Manasquan River, NJ"></a>
</map>
</div>
|
Thanks in advance for the help!
-Ivan
__________________
|
|
|
|