imagemap rollover

[Guest]

Hello, not sure if this can be done, what I want to do is make it so that when you mouseover certain parts of the image(hotspots) a certain behavior occurs. What I am doing is having multiple layers and when a user would mouse over the state of indiana a picture of the indy 500 would appear and if they roll over california- the san diego zoo. I tried to do this but I can only seem to apply behaviors to the entire image not individual hotspots. Thanks for any help, Bill

 

[Guest]

Well I ended up figuring this out on my own so I figured I might as well post the result in case someone else was wondering too. The best way to do this is to apply the effect with behaviors that you would like to acheive on the entire image. once you are finished simply go to code view and copy the javascript corresponding to the <img> tag and cut it. Next find the imagemap in code view that applies to your image and paste the code you copied right before the closing bracket of the hotspot you wanted it applied to( closing bracket = >) you should be able to identify which hot spot you are applying it to from its url. if you did not add a url yet do it first or at least put some kind of indentfying text in place of a url so you can identfy it in code view. If you are simply making layers visibel and hidden like I was it was easier just to paste the code into each hotspot and change the visibilty of each layer by hand. But if you are looking for a unique effect for each hotspot you will just have to apply each hotspots behaviors to the image and then copy into the imagemap code.

Hope I didnt go the long route but I was unaware/did not see any functions to this simply in frontpage. If they dont have this feature maybye they will soon. Dreamweaver does, you simply click hotspot and apply behavior- maybye frontpage will catch up soon Just kidding. I love my FrontPage