Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
Lightbox + Image Mapping = ???
Old 06-11-2008, 04:21 PM Lightbox + Image Mapping = ???
Skilled Talker

Posts: 72
Name: Ivan Cash
Trades: 0
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 coding:
Quote:
<div id="north_east">

<img src="http://www.webmaster-talk.com/images/maps/northeast.gif" height="528" width="576" border="0" alt="northeast" usemap="#northeast">

<map name="northeast">


<a href="http://www.webmaster-talk.com/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="http://www.webmaster-talk.com/images/energy_earth.jpg" rel="lightbox[northeast_map]">

<a href="http://www.webmaster-talk.com/images/image-3.jpg" area shape="rect" coords="430,350,290,363" rel="lightbox[northeast_map]" title="Housatonic River, CT"></a>

<a href="http://www.webmaster-talk.com/images/image-4.jpg" area shape="rect" coords="450,370,312,387" rel="lightbox[northeast_map]" title="Long Island Sound"></a>

<a href="http://www.webmaster-talk.com/images/image-5.jpg" area shape="rect" coords="380,392,280,416" rel="lightbox[northeast_map]" title="East River, NY"></a>

<a href="http://www.webmaster-talk.com/images/image-6.jpg" area shape="rect" coords="390,440,250,470" rel="lightbox[northeast_map]" title="Manasquan River, NJ"></a>

</map>
</div>
Here's the site:
http://www.e3-inc.com/web/projects.html
Thanks in advance for any help!

-Ivan
shwizle is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 06-11-2008, 08:56 PM Re: Lightbox + Image Mapping = ???
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Well, Firefox is throwing a JS error, so you might want to start by debugging that.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 06-12-2008, 10:47 PM Re: Lightbox + Image Mapping = ???
Skilled Talker

Posts: 72
Name: Ivan Cash
Trades: 0
Quote:
Originally Posted by LadynRed View Post
Well, Firefox is throwing a JS error, so you might want to start by debugging that.
a) I am not sure how to check what the JS error is.

b) Firefox isn't my problem; it's working with that browser! My issue is with Safari!

-Ivan
shwizle is offline
Reply With Quote
View Public Profile
 
Old 06-13-2008, 10:28 AM Re: Lightbox + Image Mapping = ???
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Firebug shows me this - lightbox.js, line 226
Quote:
The "coords" attribute of the <area shape="rect"> tag is not in the "left,top,right,bottom" format.


[IMG]chrome://firebug/content/blank.gif[/IMG]undefined

this.imageArray[imageNum] has no properties
start(area)lightbox.js (line 226)
(no name)(click clientX=0, clientY=0)lightbox.js (line 194)
(no name)()prototype.js (line 209)
wrapper(click clientX=0, clientY=0)prototype.js (line 3877)

[IMG]chrome://firebug/content/blank.gif[/IMG] while (this.imageArray[imageNum][0] != imageLink.href) { imageNum++;...
We'll have to wait for a Mac user, sorry
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 06-13-2008, 12:05 PM Re: Lightbox + Image Mapping = ???
Arenlor's Avatar
Ultra Talker

Posts: 462
Name: Jerod Lycett
Location: /home/arenlor
Trades: 0
Actually, http://www.apple.com/safari/ it's out for windows ^_^ so now you can have all four rendering engines (WebKit/KDE, Gecko, Opera, and IE) on one machine.

Anyway, area is a tag. You're using a tags. http://www.w3schools.com/TAGS/tag_area.asp
__________________
PHP Code:
<?php echo "Hello World"?>
HTML Code:
<html><head><title>Hello World</title></head><body><p>Hello World</p></body></html>
Arenlor is offline
Reply With Quote
View Public Profile Visit Arenlor's homepage!
 
Old 06-13-2008, 12:18 PM Re: Lightbox + Image Mapping = ???
rolda hayes's Avatar
Wannabe Adventurer...

Posts: 961
Name: Darren
Location: England
Trades: 0
Which lightbox are you using?
From what I've seen, it dosn't work well (if at all) with image mapping.

You might want to try something like "facebox" which will work for images, urls and image maps.

*UPDATE*

I cant get the popup to work in FF and I see nothing at all except your background in IE??
__________________
I Just a test to see what happens...
Please login or register to view this content. Registration is FREE

"Let us be thankful for the fools. But for them the rest of us could not succeed..."

Last edited by rolda hayes; 06-13-2008 at 12:27 PM..
rolda hayes is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Lightbox + Image Mapping = ???
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.26655 seconds with 12 queries