London Dev Meetup Rescheduled! Due to unavoidable reasons, the event has been moved to 21st May. Speakers remain the same—any changes will be communicated. Seats are limited—register here to secure your spot!

Ruwen Jin
Sep 29, 2010
  4891
(0 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

Please login to comment.
Latest blogs
Content Compliance Without the Chaos: How Optimizely CMP Empowers Financial Services Marketers

In financial services, content isn’t just about telling your story — it’s about telling it right. Every blog post, product update, or social post i...

abritt | May 22, 2025 |

Opal – Optimizely’s AI-Powered Marketing Assistant

Overview Opal is Optimizely’s AI assistant designed to accelerate and enhance the entire marketing workflow. Integrated natively across...

abritt | May 22, 2025 |

Integrating Address Validation in Optimizely Using Smarty

Address validation is a crucial component of any ecommerce platform. It ensures accurate customer data, reduces shipping errors, and improves the...

PuneetGarg | May 21, 2025

The London Dev Meetup is TOMORROW!!

The rescheduled London Dev Meetup is happening tomorrow, Wednesday, 21st May, at 6pm! This meetup will be Candyspace 's first, and the first one he...

Gavin_M | May 20, 2025

From Agentic Theory to Practicality: Using Optimizely Opal’s Instructions Feature

A practical look at Optimizely Opal’s Instructions feature — from built-in agents to creating and managing custom instruction workflows. Ideal for...

Andy Blyth | May 19, 2025 |

Common Mistakes in Headless Projects with Optimizely

Adopting a headless architecture with Optimizely is a major shift from the traditional MVC-based development that has been the standard for years....

Szymon Uryga | May 19, 2025