Articles tagged “Image Mapper”

Change the Configuration of Your Map

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...

How to make your Image Map Responsive

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...

Using the Zoom Button

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:...

Creating a New Image Map

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...

Who Will be Able to View My Image Map?

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...

Post Your Image Map to Your Webpage

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...

Why Use CoffeeCup Image Mapper?

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...

What is an Image Map?

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...

Change Coloring Options

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...

Image Mapper Quick Start Guide

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...

Chapter 1: Getting Started

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...

Chapter 2: Design and configure your image map

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...

Chapter 3: Exporting your Image Map

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...