Old 15-11-2006, 14:28   #1 (permalink)
Tom
Registered User
 
Join Date: Aug 2004
Posts: 21
Ideas on image maps?

I need some help figuring out a project. I want to talke a picture of a firefighter in his gear. I want the user to be able to mouse over diferent parts of the firefighters gear to get a description of what it is. Flash is out of the question, so do I go with an image map?

Any suggestions would be helpful!
  Reply With Quote
Old 16-11-2006, 18:47   #2 (permalink)
CSS
Registered User
 
Join Date: Nov 2006
Posts: 6
Javascript would be the key to that.

You could write a script that makes a DIV visible over where u hold the mouse, displaying your fire fighter's gear description.

(Just recently got back into web designing, but that sounds about right to me)
  Reply With Quote
Old 16-11-2006, 21:01   #3 (permalink)
Tom
Registered User
 
Join Date: Aug 2004
Posts: 21
I was sent this link from a buddy:
http://bf2s.com/player/43457727/

If you scroll down to the Awards section, that is the affect I want I think. I suppose that is made from javascript and css maybe?
  Reply With Quote
Old 17-11-2006, 17:21   #4 (permalink)
CSS
Registered User
 
Join Date: Nov 2006
Posts: 6
Checked the source code, and yep, that's javascript.
It makes use of the onmouseover="show_mine(this)" and onmouseout="hide_mine(this)"

It uses scripts named show_mine and hide_mine which make the div visible/invisible, and (this) referring to the element it was labeled in.

this is the source of the javascript:
http://static.bf2s.com/js/show.js
  Reply With Quote
Old 19-11-2006, 23:01   #5 (permalink)
Tom
Registered User
 
Join Date: Aug 2004
Posts: 21
Thanks for the info!
  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


Contact Us - Web Design Forums - Archive - Top
Search Engine Optimization by vBSEO 3.0.0 RC8