How do I take a large image and break it up in sections then add a mouse-over text to each section of the image for use on a web page?

I have an image that I would like to split into sections and add a mouse-over text to each section and post on a web page; the end result being a large image that the user can mouse-over different areas and get different pop-up text for each section. I am trying to find the best way to do this.


Thanks!
cewwAsked:
Who is Participating?
 
dhobaleConnect With a Mentor Commented:
Hi there,
You can use fireworks to create slices. It has a feature that lets you create a pop up menu on rollover for a slice. After you slice your image, you can add rollover effect to dispaly 2nd image.
Below is a link to a simpel tutorial:
http://web.image.ufl.edu/help/fireworks/rollovers/
0
 
crittle1Connect With a Mentor Commented:
You can slice it up using a number of programs, export it as peices and add the rollover effects in dreamweaver ( or just plain html).. Or, you can use dreamweaver to make hot spots on the image to create the effect. What programs are you using.. this may help us answer your question a little better.
0
 
cewwAuthor Commented:
I am working with Macromedia Dreamweaver MX and Fireworks MX (older versions, I know).
0
 
dhobaleConnect With a Mentor Commented:
I forgot to mention that after you create rollovers, you can export all images and code (in html format) to integrate in your webpage.
0
 
cewwAuthor Commented:
Thank you!!! This was exactly what I was looking for! And I really appreciate the quick turn-around time; in just over an hour after posting my question I have the answer that I was looking for! This service is worth every penny!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.