Current location: Hot Scripts Forums » General Web Coding » JavaScript » Image Maps


Image Maps

Reply
  #1 (permalink)  
Old 06-12-06, 04:15 PM
kping kping is offline
New Member
 
Join Date: Jun 2006
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Image Maps

Hey guys im a learner web developer and im creating a website for a good friend of mine whos an up and coming author, im looking at creating a website with image maps that mouseover and give a description of whats on the page to the right of the image like the maps on HERE i belive this is javascript could somebody give me some sort of insight on how to do this

if its in the wrong section i apologise

Cheers Dan
Reply With Quote
  #2 (permalink)  
Old 06-12-06, 04:51 PM
End User's Avatar
End User End User is offline
Level II Curmudgeon
 
Join Date: Dec 2004
Posts: 3,027
Thanks: 14
Thanked 35 Times in 33 Posts
They aren't image maps, they're rollovers. And thanks for directing us to a page with a pop-up ad. Much appreciated.
__________________
I don't live on the edge, but sometimes I go there to visit.
-------------------------------------------------------------------------
Sanitize Your Data | Oracle Date & Substring Functions | Code Snippet Library | [url=http://www.codmb.com/Call Of Duty[/url]
Reply With Quote
  #3 (permalink)  
Old 06-13-06, 02:05 AM
TwoD TwoD is offline
Community VIP
 
Join Date: Sep 2003
Location: 404
Posts: 1,813
Thanks: 0
Thanked 0 Times in 0 Posts
The basic idea is simple. Use the onmouseover and onmouseout events of an img or div tag to call functions which change the contents of another div element.
There are many tutorials about creating rollover effects on the web which can tell you all about this in greater detail.
I also suggest that you examine the code of the page you linked to, to find out exactly which code runs when the mouse is moved across the images. You should be able to quickly sort out the relevant functions and step through them line by line.
Start by finding the image tags in the HTML and look at what runs on the onmouse... events.

It's always good to have a good reference document at hand when learning things. If you don't have one, check out the MSDN link in my sig.
__________________
[W3Schools - learn all about the standards.] [QuirksMode - Browser Quirks] [MS's Online Reference Docs] [DOM in Gecko.]
Please pay attention to stickys, announcements and forum rules, thank you.
Please also remember Code Wrappers and [SOLVED] Marking, this helps everyone.
Reply With Quote
Reply

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

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 Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
searching image nurqeen PHP 4 07-09-05 09:35 AM
Help with image on form... Adrianaa03 JavaScript 1 10-06-04 07:38 AM
how to draw an image inside a table? davidklonski HTML/XHTML/XML 2 07-06-04 10:27 AM
need help with upload image and getting image name to db mikewooten PHP 3 05-14-04 04:52 PM
Balloon-style Tooltips for Image Maps trey_anastasio JavaScript 0 10-29-03 03:03 PM


All times are GMT -5. The time now is 11:10 PM.
vBulletin® Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.