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?

Posted on 2009-05-14
Medium Priority
Last Modified: 2013-12-25
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.

Question by:ceww
  • 2
  • 2

Assisted Solution

crittle1 earned 400 total points
ID: 24386678
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.

Author Comment

ID: 24386844
I am working with Macromedia Dreamweaver MX and Fireworks MX (older versions, I know).

Accepted Solution

dhobale earned 1600 total points
ID: 24387209
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:

Assisted Solution

dhobale earned 1600 total points
ID: 24387239
I forgot to mention that after you create rollovers, you can export all images and code (in html format) to integrate in your webpage.

Author Closing Comment

ID: 31581541
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!

Featured Post

Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

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.

Join & Write a Comment

How do you create a user-centered user experience on your website? And what are some things you should consider in the process?
These seven tips can help you create an extraordinary website, one that captivates audiences and has them wanting to return regularly for more. Keep reading to find out what your site is missing and what you need to add!
Learn the basics of inputting and editing your text components in Prezi. We will cover how to set styles, position, and group your text components. In your Prezi editor, click anywhere on the canvas to add text: A flashing cursor informs you that yo…
It’s easy to embed any of your public Prezi presentations on your website or social network to share with others. Learn how simple it is in this tutorial.

624 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question