https://github.com/pdir/mae_image_map

contao extension: responsive image maps
https://github.com/pdir/mae_image_map

Last synced: 14 days ago
JSON representation

contao extension: responsive image maps

• Host: GitHub
• URL: https://github.com/pdir/mae_image_map
• Owner: pdir
• Created: 2015-05-27T14:07:42.000Z (over 9 years ago)
• Default Branch: main
• Last Pushed: 2023-08-18T10:29:17.000Z (over 1 year ago)
• Last Synced: 2024-11-25T23:49:22.529Z (28 days ago)
• Language: PHP
• Size: 50.8 KB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
mae_image_map

=============

purpose:

--------

Define responsive ImageMaps and assign them to a ImageMap content element

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:

--------------------------------

new backend module "ImageMaps"

new media content element "ImageMap"

visit:

http://www.martin-eberhardt.com

for more information