Maak in enkele minuten een responsive, klikbare imagemap van elke afbeelding — zonder programmeerwerk.
Waardepropositie
- Website-eigenaren krijgen een volledig responsive imagemap die op elk apparaat altijd correct uitlijnt.
- Redacteuren bouwen een klikbare afbeelding door simpelweg de export van de gratis tool image-map.net te plakken.
- Ontwikkelaars krijgen een lichte, dependency-vrije module gebouwd volgens de Joomla 5- en 6-standaarden.
Belangrijkste Features
- Afbeelding selecteren met één klik via het standaard Joomla-mediaveld.
- Plakken-en-importeren: plak de HTML van image-map.net en de zones worden automatisch herkend.
- Ingebouwde editor om coördinaten, alt-tekst, titel, link en doel te verfijnen en de volgorde van zones aan te passen.
- Zones schalen automatisch mee op elk schermformaat en bij het aanpassen van het venster — geen vervormde klikzones op mobiel.
- Volledig te stylen hotspots: vulkleur, dekking, randbreedte en -kleur (altijd zichtbaar of alleen bij oplichten) en hoekafronding.
- Intro-animatie die na een instelbare vertraging alle hotspots één voor één laat oplichten, zodat bezoekers direct zien dat de afbeelding klikbaar is.
- Optionele hover/focus-markering en lazy loading voor betere prestaties en gebruiksvriendelijkheid.
- Volledig toetsenbord- en screenreader-toegankelijke klikzones, met respect voor reduced-motion-voorkeuren.
Voor Wie Is Dit
- Bureaus en freelancers die visuele navigatie-elementen bouwen (sitemaps, organogrammen, productdiagrammen).
- Scholen, gemeenten en organisaties die geïllustreerde diagrammen (zoals een "boom" of plattegrond) als interactief menu gebruiken.
- Elke redacteur die een klikbare afbeelding wil zonder ruwe HTML-coördinaten te schrijven of te onderhouden.
Waarom Kiezen Voor Deze Extensie
- Geen handmatig coördinaten-rekenwerk — image-map.net tekent, deze module maakt het responsive.
- Werkt direct op Joomla 5 en 6, zonder externe JavaScript-bibliotheken.
- Vanaf het begin gebouwd met toegankelijkheid en beveiliging (veilige linkverwerking) in gedachten.
Call To Action
Installeer Scorpion Responsive Imagemap, plak je image-map.net-export, en geef je bezoekers een klikbare afbeelding die er op elk scherm goed uitziet.
Compatible met Joomla! 5 & 6
Laatste versie: v1.0.0
Demo
Beweeg je muis over de afbeelding om de hotspots te ontdekken. Wanneer je er vervolgens op klikt ga je naar de link die erachter zit.
Changelog
v1.0.0
2026-08-26
- Taal Full translations for English (en-GB), Dutch (nl-NL), French (fr-FR) and German (de-DE).
- Nieuwe Functies Initial release: select an image and import a ready-made imagemap exported from image-map.net.
- Nieuwe Functies Clickable zones are rendered as hotspot overlays that automatically rescale to any screen size and on window resize.
- Nieuwe Functies Styleable hotspots: fill colour, opacity, border width and colour, corner radius, and a choice between a permanent border or one that only appears while the hotspot is highlighted.
- Nieuwe Functies Optional intro animation that lights up every hotspot one by one after a configurable delay, so visitors notice the image is clickable.
- Nieuwe Functies Optional hover highlight of the active zone.
- Nieuwe Functies Optional lazy loading of the image.
- Nieuwe Functies Zone editor: paste an export from image-map.net or add zones manually, edit the coordinates, reorder zones with the up and down buttons, and preview everything on the selected image.
- Nieuwe Functies On-screen help explaining the coordinate format per shape (rect, circle, poly).
- Nieuwe Functies Changelog tab in the module settings showing the full version history.
- Nieuwe Functies Extra CSS tab with on-screen help listing the available selectors and CSS variables, so you can add your own styling rules for this module instance.
