Ruwen Jin
Sep 29, 2010
  6982
(1 votes)

EPiServer.ImageMap goes open-source

EPiServer.ImageMap ( also known as XMAP ) is now open-source. You can find it at coderesort:

https://www.coderesort.com/p/epicode/wiki/ImageMap

 

What does ImageMap module do?

Screen shot 2010-09-29 at 4.48.37 PM

Editors often have to create image maps, i.e. a single graphic image that allows visitors to access different web pages by clicking on different areas of the image. It used to require both time and knowledge to create these interactive areas, but now your web editors are able to draw them quick and easy directly in EPiServer with EPiServer.ImageMap.

User-friendly tool

Create good looking navigation and make the content on your website more attractive with interactive image maps. Several areas in one picture are easily linked to different websites using the EPiServer module EPiServer.ImageMap – a user-friendly tool that does not require knowledge in programming or image editing.

Natural part of the interface

EPiServer.ImageMap is completely integrated in EPiServer and is accessed through an icon appearing in the toolbar on top of  the editor in edit mode.

 

Linking image areas

By selecting the EPiServer.ImageMap icon on top of  the editor, the highlighted image will be opened in the tool. This is where the editor can draw any number of  areas shaped as squares, circles or polygons. When this is done, each area is linked to an external website or to another EPiServer page on your website. There is also the option of  setting an ALT-text for every link.

No training required

Basic EPiServer editor knowledge is enough to manage the tool, which means it does not require any training for new users.

 

Accessible to everyone

EPiServer.ImageMap comply with the demands of  The Swedish Institute of  Assistive Technology (SIAT) on how image maps ought to be designed in order to be accessible to visitors with disabilities.

Sep 29, 2010

Comments

Oct 14, 2010 03:15 PM

This is good!

Unfortuneately the code cannot be found on epicode. Download button --> "not found".

stefan@knappra.se
stefan@knappra.se Dec 27, 2010 01:03 PM

Can not download source code. Where can it be found?

Jan 31, 2014 08:43 AM

We are using EPiServer.ImageMap in a current project (the 6.x branch). It works for narrow images, but when they are wider than the editor view there is no right-left scroll bar, which means that you can't add areas on the right side of the image. It didn't seem possible to report bugs on epicode, I couldn't select ImageMap in the component drop down. Is this tool still supported?

Please login to comment.
Latest blogs
Optimizely Opal: How to Build Effective Workflow Agents

If you're building workflow agents in Optimizely Opal, this post covers how specialized agents pass context to each other, why keeping agents small...

Andre | May 20, 2026

ReviewPR: An Azure Function That Reviews Your Azure DevOps Pull Requests With Claude

A while back I wrote about an  Azure Function App for PDF creation that we use to offload PDF rendering from our Optimizely DXP site. That same...

KennyG | May 19, 2026

Accelerating Optimizely CMS and Commerce upgrades with agentic AI (Part 2 of 2)

The Real Transformation in Optimizely CMS 13: Why the Upgrade Itself Is the Easy Part. A field-tested playbook for enterprise teams moving from...

Hung Le Hoang | May 18, 2026

Is the most powerful AI model really the best value?

Artificial Intelligence is already becoming part of everyday software development. Developers now use AI tools to generate code, write documentatio...

K Khan | May 16, 2026

Optimizely London Dev Meetup 2026

Well, everyone, it's that time of the year again, and we have another London Developer meet up coming for this summer. The date is set for the 2nd ...

Scott Reed | May 15, 2026

Semantic Search - Deep Dive

Deep dive into semantic search with Optimizely Graph

Michał Mitas | May 14, 2026 |