Click to See Complete Forum and Search --> : Help Needed


Bruce
04-21-2003, 01:29 PM
Heres' What I'm Trying To Do (http://www.bruceleibowitz.net/planespotting_4engine.htm)

Hi...I'm new here and need a little help. It's easier to see what I'm trying to do rather than just explaining it. On the page above, I want to create a hyperlink for the words "upper deck" that, when clicked, will cause the image (the 1st image) to change to an identical one but with that portion of the image highlighted, so that it will look like clicking that link caused the corresponding part of the image to highlight

The most elementary thing I could do it was to use the number symbol on the text line with a corresponding number symbol over the image (the image is a cell background). I dont want to do an image map.

Can anyone help with an example of how I could do this?

khalidali63
04-21-2003, 01:40 PM
You should be able to get the idea from the link below that how would an image change will work on mouseclick or mouseover events

http://68.145.35.86/skills/javascripts/DisplayTwoImagesClickOver.html

Bruce
04-22-2003, 12:44 AM
that link didn't open for me

khaki
04-22-2003, 11:29 AM
Hi Bruce...

that link is very good for explaining what you will need to do to apply it to your specific needs.

the link is not "dead"... but here it is in all of it's full glory:

http://68.145.35.86/skills/javascripts/DisplayTwoImagesClickOver.html

(url's gets abbreviated sometimes... but they usually work when you click 'em... and Khalid's link definitely worked when i tried it. you will need to copy/paste the one above however)

by the way... cool idea for your page.
let us know if/when you get it working the way you want it to.

;) k

Vladdy
04-22-2003, 11:35 AM
Put the image you have into the background of a div element.
Populate this div element with images of highlighted sections and give them style="display:none".
Change the style.display to 'block' when processing your onclick event.

Bruce
04-24-2003, 04:11 PM
Khaki, I like your change image mouseover. I tried to adopt it to my page, but I get an error when clicking:
document.getElementById[] is null or not an object

Here is the page (http://www.bruceleibowitz.net/planespotting_4engine.htm)

or if anyone else wants to jump in!

and I can't figure out what I did wrong..... :(