Scorpion Responsive Imagemap
New n
Introduction
Turn any image into a responsive, clickable imagemap in minutes — no coding required.
Scorpion Responsive Imagemap
Value Proposition
- Website owners get a fully responsive imagemap that always lines up correctly, on any device.
- Editors can build a clickable image by simply pasting the export from the free image-map.net tool.
- Developers get a lightweight, dependency-free module built to Joomla 5 and 6 standards.
Key Features
- One-click image selection via the standard Joomla media field.
- Paste-to-import: drop in the HTML generated by image-map.net and the zones are parsed automatically.
- Built-in editor to fine-tune coordinates, alt text, titles, links and targets, and to reorder every zone after import.
- Zones automatically rescale on every screen size and on window resize — no distorted click areas on mobile.
- Styleable hotspots: fill colour, opacity, border width and colour (always visible or only when highlighted) and corner radius.
- Intro animation that lights up every hotspot one by one after a configurable delay, so visitors immediately notice the image is clickable.
- Optional hover/focus highlight and lazy loading for better performance and usability.
- Fully keyboard- and screen-reader-accessible clickable zones, with respect for reduced-motion preferences.
Who Is It For
- Agencies and freelancers building visual navigation elements (site maps, organisation charts, product diagrams).
- Schools, municipalities and organisations that use illustrated diagrams (like a "tree" or floor plan) as an interactive menu.
- Any editor who wants a clickable image without writing or maintaining raw HTML coordinates.
Why Choose This Extension
- No manual coordinate math — image-map.net does the drawing, this module does the responsiveness.
- Works out of the box on Joomla 5 and 6, with no external JavaScript libraries.
- Built with accessibility and security (safe link handling) in mind from the start.
Call To Action
Install Scorpion Responsive Imagemap, paste your image-map.net export, and give your visitors a clickable image that looks great on every screen.
Scorpion Responsive Imagemap
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.
Scorpion Responsive Imagemap
- Version:
- 1.0.0
- Developer:
- Scorpion Computers & Software
- Last updated:
-
Sep 01 2026
1 day ago - Date added:
- Aug 28 2026
- License:
- GPLv2 or later
- Type:
- Free download
- Includes:
- m
- Compatibility:
- J5 J6
Share