Prev: favicon limitations
Next: layer problem
From: FWHooligan on 2 Mar 2006 18:01
Okay, I'm trying to create an area map on the left side of the screen, that has
points so that when you mouseover them, it pops up info about that location on
the right hand side. I'd like it to swap an image, and then below that swap a
bit of text with the address, as well as email and website links, then change
if another point on the map is mouseovered.

Here is a screenshot of what I have so far.
http://www.geocities.com/hlhooligan/dotmaphelp.jpg

I used Fireworks to create slices that had swap image behaviours for each
spot. However, I couldn't figure out how to make it switch text over as well.

Some of non-specific info I've found about this problem seems to point to
creating the whole thing in Dreamweaver instead (using "SetTextOfLayer"), so I
wondered if you geniuses could help me.

I've been to the
http://www.dreamweaverresources.com/tutorials/settextoflayer.htm
This is what I'm trying to accomplish, but it's not very specific about the
steps. Is there a tutorial that is a little more helpful that would help me
get this done?
Thanks for any help!!!

From: CSI Bruce on 2 Mar 2006 18:19
First of all, none of the swap images work right now anyway. I tried mousing,
clicking, etc and nothing changes (I'm assuming you want the picure on the
right to change, but it doesn't.
It's been awhile since I've done something like this, but from what I
remember, this is what you would do..
First, build your map in FW and make your round images slices and name them so
you'll be able to remember which is which and import it into DW. Using DW, put
the text in a layer and name it appropriately, select the appropriate round
image and create a behavior to show/hide the layer that matches the button. If
you want the text below an image, put both in the layer.

From: FWHooligan on 2 Mar 2006 18:25
It's only a screenshot of what I've done.

When you say "round image slices" in FW, do you mean tool that draws the
circles that I defined for the swap images? So I should use this to create the
circles, but don't add any behaviours, then import it into DW, and add the
behaviours there?

When you say "put text in a layer," is there a tutorial to guide me along
doing this? Can you have multiple layers on one location?

Thanks for your help.

From: FWHooligan on 2 Mar 2006 18:49
Okay, I figured out how to get DW to draw those slices, and I've attached
behaviours to them to Set Test to Layer, in the layer, and it's working with
both the images, and the text and links for each location on the map. So far
so good.

But how can I do the layout so that the window can be resized/won't get
screwed up by different resolutions? Is this where the div tag comes in? Can
someone fire me a tutorial on that? Right now, I've got it set up so that
there is the image map on the left hand side, then the layer sitting on the
right hand side of that. But any resize will change the layout if I cant to
keep it all centered on the page, right? What are some ways around this? How
do I make that layer hug the image map?

 | 
Pages: 1
Prev: favicon limitations
Next: layer problem