When you first created your image map, you specified options such as map name and a default URL if a user misclicks. You can always reset these values by clicking Document menu > Map...
This article has been updated! Version 5.0 of CoffeeCup Image Mapper will create stunning responsive image maps which means no more having to “hack” the code to produce one! The Wizard will...
The zoom feature will allow you to define link areas with greater accuracy. For instance, what if we wanted to make a link area of a face? In "normal" view, we define our area like this:...
To create a new image map, click the button or click File > Map Wizard. This wizard will guide you through loading a new image and selecting the various image properties for your map. Note...
Viewers will not need a special plug-in to use your image map. Anyone capable of viewing images and running JavaScript on their browser will be able to view and use your image map. Only very...
This is the final step in creating an image map -- posting the map on your webpage. There are two simple steps to this process. First, copy the HTML code from Image Mapper and paste it on...
Creating image maps can be tricky. You have to specify coordinates for the areas of your map, and it is not always clear just by looking at the image what these coordinates will be. It can get...
An image map is an image that acts as a link, but instead of simply acting as a link to a single page, the image acts as a link to multiple pages. For instance, say you have a map of the United...
By default, the colors Image Mapper uses are as follows: Default area color: Gray Mouseover area color: Red Selected area color: Blue Of course, if the image you use has colors that...
CoffeeCup Image Mapper allows you to specify multiple links (or hotspots) to specific locations of an image and point them to a document or website. Create mouseover text, ALT text, links and...
When opening the program, you are presented with the Image Mapper Wizard, which asks whether you would like to start a new image map, or open an existing one. Image Mapper Wizard...
Design pane The design tab holds many of the editing features of the program and can assist in setting up your new image map! These tools allow you to specify different links using the right...
Ready to export your image map? When exporting, you have two choices to select from (responsive and non-responsive). To start the export process go to File > Export Image Map select the type of...
