PDA

View Full Version : Special Image Map?


Zyland
01-22-2008, 11:36 PM
I'm not sure if this is the right place to post.

but could someone help me find a code to make the following affect.

You have a big picture, and when you click on a certain spot (the one I want will have multiple spots) another picture will appear over the first picture (different picture) with preferably an exit box.

I currently can make a simple image map where if you click on an area it takes you t othe designated page. I need someone to push me in the right direction please. Or just spoon feed me the answer...either one will do.

Hope someone can help. Thanks!

A1ien51
01-23-2008, 12:10 AM
It really is not an Ajax question. It is just normal JavaScript unless you are going to have to talk with the server to get data.

Do you know how to show hidden elements?

That instead on including a page URL in the image map, add JavaScript with a function name.

javascript:yourFunctionCall();return false;

Eric

Zyland
01-23-2008, 12:23 AM
Sorry I don't fully understand.

I tend to learn by examples, if you could post a simple code to what you mean and lead me to somewhere that can explain "showing hidden elements" and what your talknig about, I'd really appreciate it.

Zyland
01-23-2008, 05:23 AM
Okay this would also do, if not better.
When I mouseover and area something along this effect would happen, only with an image.

So:
-Scrolls over specified coordinates on an image, and recieve this kind of result (but with an image)

http://thottbot.com/?c=Druid

Scroll over some of the things and a box with text appear, I want a picture.

A1ien51
01-23-2008, 03:50 PM
Search the net for JavaScript tooltip. Instead of text you would put in an image. You would add the mouseover to the area tag and it should work.

Eric

Zyland
01-23-2008, 07:31 PM
Thank you very much, I've now achieved everything I wanted...except to make it appear, and stay until you hit the exit button, but that's easy enough to find out.

:thumbsup:

A1ien51
01-24-2008, 06:19 PM
Well you remove the onmouseout event the tooltip code probably has and add an onclick that calls the code that should have been with the onmouseout

Eric