PHPackages                             marebe1602/mae\_image\_map - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Image & Media](/categories/media)
4. /
5. marebe1602/mae\_image\_map

ActiveContao-module[Image & Media](/categories/media)

marebe1602/mae\_image\_map
==========================

configure responsive image maps without java script even on IE8

1.0.3(10y ago)0721LGPL-3.0+PHPPHP >=5.3

Since May 27Pushed 2y ago2 watchersCompare

[ Source](https://github.com/marebe1602/mae_image_map)[ Packagist](https://packagist.org/packages/marebe1602/mae_image_map)[ Docs](http://www.martin-eberhardt.com/mae_image_map.html)[ RSS](/packages/marebe1602-mae-image-map/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (4)Dependencies (2)Versions (6)Used By (0)

mae\_image\_map
===============

[](#mae_image_map)

purpose:
--------

[](#purpose)

Define responsive ImageMaps and assign them to a ImageMap content element

description:
------------

[](#description)

you can define image maps with any number of rectangular areas with links and background-images. This extension uses html and css only. There is no JavaScript necessary, because it does not use ordinary or tags. It uses the same code, the standard contao image uses to display (responsive) images, but adds the links to the

 block. The pixel coordinates you enter are being tranlated into percentages for the absolutely positioned area links. You may add your own :hover, :active styles for those areas.First you create a new ImageMap in the backend and specify the base width and height of your underlying image as well as the default dimensions and backgrounds for the areas.

Then you add the areas with their title, position, image, link, linktext and description.

To add an image map to an article, you have to select the new media content element "ImageMap" and select the appropriate map in its properties.

customized places within contao:
--------------------------------

[](#customized-places-within-contao)

new backend module "ImageMaps" new media content element "ImageMap"

visit: for more information

###  Health Score

28

—

LowBetter than 54% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity9

Limited adoption so far

Community11

Small or concentrated contributor base

Maturity62

Established project with proven stability

 Bus Factor1

Top contributor holds 71.4% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~85 days

Total

4

Last Release

3753d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/541fe79412a8fb3b81f70fe8630176a31f3776fc6b72c569d749e1d7406a3968?d=identicon)[marebe1602](/maintainers/marebe1602)

---

Top Contributors

[![marebe1602](https://avatars.githubusercontent.com/u/5097187?v=4)](https://github.com/marebe1602 "marebe1602 (5 commits)")[![MDevster](https://avatars.githubusercontent.com/u/10244240?v=4)](https://github.com/MDevster "MDevster (2 commits)")

---

Tags

extensioncontaoresponsiveImageMap

### Embed Badge

![Health badge](/badges/marebe1602-mae-image-map/health.svg)

```
[![Health](https://phpackages.com/badges/marebe1602-mae-image-map/health.svg)](https://phpackages.com/packages/marebe1602-mae-image-map)
```

###  Alternatives

[somehow-digital/typo3-media-processing

Media Processing

101.1k](/packages/somehow-digital-typo3-media-processing)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)