icon Learn how to get the most out of Surmunity - read our forum tips here! | Welcome! Please register to access all of our features.
Old April 24th, 2007, 3:03 PM   #1 (permalink)
Registered User
Seasoned Poster
 
Joined in Mar 2007
36 posts
Gave thanks: 3
Thanked 0 times
Image Maps

Does anyone know if the surpass servers support image maps? If so what is the path to the image map CGI?
jacker is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old April 24th, 2007, 3:22 PM   #2 (permalink)
Surpass Fan
Comfy Contributor
 
jdcopelin's Avatar
 
Joined in Feb 2004
Lives in Norfolk, England
Hosted on Pass32
155 posts
Gave thanks: 17
Thanked 18 times
Quote:
Originally Posted by jacker View Post
Does anyone know if the surpass servers support image maps? If so what is the path to the image map CGI?
Can I ask why you need to use CGI for that? I think client side imagemaps are acceptable, even in these days of CSS http://www.webcom.com/html/CS_imagemaps.shtml I don't think there is anything stopping you from uploading scripts to your CGI folder and using them. It's more to do with what server resources the script will use - hence why client side image maps are more commonly used. See the knowledgebase article for more info.

Hope this helps,
Jonathan
__________________
Server: Pass32 and dedicated server
jdcopelin is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old April 24th, 2007, 3:41 PM   #3 (permalink)
01101100
Super #1
 
markscns's Avatar
 
Joined in Jan 2006
Lives in West Michigan
Hosted on SH92
1,567 posts
Gave thanks: 48
Thanked 112 times
You can get a client side image map program called mapedit to create a local map and have the browser do the map work.

http://www.boutell.com/mapedit/download.html
__________________
twinlakeweather.us SH92
markscns is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
This user thanks markscns for this great post!
jacker (April 26th, 2007)
Old April 24th, 2007, 3:56 PM   #4 (permalink)
Registered User
Seasoned Poster
 
Joined in Mar 2007
36 posts
Gave thanks: 3
Thanked 0 times
Re: image maps

Quote:
Originally Posted by jdcopelin View Post
Can I ask why you need to use CGI for that? I think client side imagemaps are acceptable, even in these days of CSS http://www.webcom.com/html/CS_imagemaps.shtml I don't think there is anything stopping you from uploading scripts to your CGI folder and using them. It's more to do with what server resources the script will use - hence why client side image maps are more commonly used. See the knowledgebase article for more info.

Hope this helps,
Jonathan
I was going to use CGI because client side image maps aren't necessarily compatible with all browsers. I've already used mapedit to create the map, but using it with CGI doesn't require the browser to support it. I guess I'll try using client side and not worry about it until I have problems.

Thanks for the suggestions!
jacker is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old April 24th, 2007, 10:23 PM   #5 (permalink)
Surpass Fan
Comfy Contributor
 
Joined in Dec 2004
224 posts
Gave thanks: 6
Thanked 19 times
Most browsers these days do support it, and it'll avoid potential problems if the CGI is rather process intensive.
__________________
SH106 - out-burst.org
lonelydreamer is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old April 26th, 2007, 3:12 PM   #6 (permalink)
Registered User
Seasoned Poster
 
Joined in Mar 2007
36 posts
Gave thanks: 3
Thanked 0 times
Took your advice....new another suggestion

Well I took your guys advice and decided to use a client side image map. I've created my image map with mapedit and it works and I like it. I'd like to add javascript to it though using ommouseover and onclick. I was hoping to raise that part of the map onmouseover and then lower it onclick. Any ideas how to do this? I can change the color or flip the image, but not give the illusion of raising or lowering it. Any ideas on how to do this or suggestions on what might look better?

Thanks in advance!
jacker is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old April 26th, 2007, 3:46 PM   #7 (permalink)
Surpass Fan
Comfy Contributor
 
jdcopelin's Avatar
 
Joined in Feb 2004
Lives in Norfolk, England
Hosted on Pass32
155 posts
Gave thanks: 17
Thanked 18 times
Quote:
Originally Posted by jacker View Post
I'd like to add javascript to it though using ommouseover and onclick. I was hoping to raise that part of the map onmouseover and then lower it onclick. Any ideas how to do this? I can change the color or flip the image, but not give the illusion of raising or lowering it. Any ideas on how to do this or suggestions on what might look better?
The only way I think you can achieve this is to "slice" the image up into square/rectangular slices using PhotoShop, Fireworks or similar software. You create two or three versions of the whole image (normal, hover, button down versions). This means managing lots of image files though! You then use simple javascript functions on each "slice" during onmouseover, onmouseclick etc. events. The only drawback is that the different "animations" can't overlap different slices or they won't "join up" properly.

I hope that makes sense. Can't think of any sites I've visited recently that do it this way. I'm doing something very similar with one of my clients navigation menus at www.ibizacharterdirect.com

Regards
Jonathan
__________________
Server: Pass32 and dedicated server
jdcopelin is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Rate This Thread
Rate This Thread:

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

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