JM Image map Module 1.0.0

Le module Image Map JM est une solution puissante et intuitive pour créer des cartes d'image interactives sur votre site Joomla avec un éditeur de drag & drop visuel, 150+ icônes, et des bulles de tooltip jolies. Ce module offre un éditeur visuel utilisateur-friendly, une bibliothèque extensive de Font Awesome d'icônes, des options de couleur personnalisées par hotspot, et des animations fluides qui permettent aux développeurs web et administrateurs de sites de créer des images interactives engageantes qui s'intègrent naturellement avec leur design du site. Voici un guide complet pour utiliser efficacement le module Image Map JM.

1. Éditeur visuel par déplacement & glisser

Cliquez pour Ajouter des Hotspots: Créez simplement de nouveaux hotspots interactifs en cliquant n'importe où sur votre image.
Glissez pour Réorganiser: Saisissez et déplacez les hotspots avec précision partout sur votre image, avec une exactitude à la pixel.
Prévisualisation en temps réel: Voir exactement comment votre carte d'image sera affichée pendant que vous l'éditez, avec des mises à jour en temps réel dans l'interface de gestion.
Modale d'édition: Cliquez sur n'importe quel hotspot pour ouvrir une modale claire et organisée contenant toutes les options de configuration.

2. Bibliothèque Extensive d'Icônes (150+ Icônes)

Choix Visuel des Icônes: Consultez et sélectionnez 150+ icônes Font Awesome avec une interface de choix visuelle élégante.
Catégories Organisées : Les icônes sont regroupées par fonction - Navigation, Communication, Social, Business, Commerce, Média, Temps, Actions, État, Transport, Alimentation, Technologie, Météo et Santé.
Prévisualisation en temps réel: Voir les icônes affichés en temps réel comme vous sélectionnez-les dans le choix visuel.
Support d'icône personnalisé : Entrez manuellement n'importe quelle classe Font Awesome pour des possibilités illimitées.

3. Options de Couleur Personnalisée par Hotspot

Couleurs Individuelles: Définissez des couleurs uniques pour chaque hotspot pour créer des cartes interactives colorées.
Choix Visuel de Couleur : Sélectionnez les couleurs avec une interface intuitif de choix visuel ou entrez directement les codes hex.
Couleurs par défaut Globales : Définez des couleurs d'icône et de survol par défaut qui s'appliquent à tous les hotspots sans couleurs personnalisées.
Réinitialisation aux Couleurs par défaut : Bouton un clic pour supprimer les couleurs personnalisées et utiliser les couleurs par défaut du module.

4. Bulles de Tooltip Jolies

Bulles de Tooltip Modernes, animées qui apparaissent en hover avec des transitions fluides.
Indicateurs d'Arrows : Les bulles de tooltip incluent un petit pointeur vers le hotspot pour une connexion visuelle claire.
Thème Noir Semi-transparent : Fond noir semi-transparent avec texte blanc garantit la lisibilité sur n'importe quelle image.
Positionnement Automatique des Bulles de Tooltip : Les bulles de tooltip s'affichent automatiquement au-dessus des hotspots pour éviter de couvrir le contenu.
Option d'Affichage : Aller ou désactiver les bulles de tooltip avec un simple toggle global.

5. Styling Professionnel

Hotspots Circulaires : Des cercles parfaits avec des icônes centrés à l'intérieur pour une apparence claire et moderne.
Bordure Blanche : Une bordure blanche de 2px garantit la visibilité sur n'importe quelle image de fond.
Effet d'Ombre : Un effet d'ombre subtil ajoute du profondeur et rend les hotspots stand out.
Effets en Hover des Hotspots : Les hotspots s'échellent à 1.2x et se sombrent sur hover pour une feedback interactive claire.

6. Fonctionnalités Import/Export

Export JSON : Exportez toutes les configurations de hotspot dans un format JSON pour sauvegarde ou réutilisation.
Import JSON : Importez des configurations exportées précédemment ou créez des hotspots programmatoirement.
Opérations en Séries : Effectuez rapidement la duplication des configurations de hotspot sur plusieurs modules.
Migration Facile : Transférer les configurations de hotspot entre sites de développement et de production.