JM Bildkartenmodul 1.0.0

Die JM Bildkarte-Module ist eine mächtige und intuitive Lösung für die Erstellung interaktiver Bildkarten auf Ihrem Joomla-Seiten mit einem visuellen Drag & Drop-Editor, 150+ Icons und schönen Tooltip-Balloons.

Dieses Modul bietet ein benutzerfreundliches visuelles Editor, einen umfangreichen Font Awesome-Iconbibliothek, die Möglichkeit von Farben pro Hotspot zu konfigurieren und glatte Animierungen, mit denen Webentwickler und Seitenadministratoren interaktive Bilder erstellen können, die sich gut in ihre Website-Design integrieren. Hier ist ein umfassender Leitfaden zur effektiven Nutzung des JM Bildkarte-Moduls.

1. Visuelles Drag & Drop Editor

Klicken Sie zum Hinzufügen von Hotspots: Ziehen Sie einfach auf der Bild mit jedem Klick einen neuen interaktiven Hotspot zu.
Drehen Sie um die Positionierung: Grabe und ziehe Hotspots, um sie exakt auf Ihrem Bild an beliebigen Orten mit Pixelgenauigkeit zu positionieren.
Live-Vorschau: Sehen Sie genau, wie Ihr Bildkarten aussehen werden, während Sie sie bauen, mit realzeit-Updates im Admin-Fenster.
Edit-Modal: Klicken Sie auf jeden Hotspot, um eine saubere und organisierte Modal-Box zu öffnen, in der alle Konfigurationsoptionen in einem Ort sind.

2. Umfangreiche Iconbibliothek (150+ Icons)

Visuelles Icon-Picker: Suchen Sie und wählen Sie 150+ Font Awesome-Icons mit einer schönen visuellen Picker-Frontend.
14 organisiert Kategorien: Icons werden nach Zweck gruppiert - Navigation, Kommunikation, Sozial, Geschäft, Einkaufs, Medien, Zeit, Aktionen, Status, Verkehr, Essen, Technologie, Wetter und Gesundheit.
Instant-Vorschau: Sehen Sie die Icons in realzeit als Sie sie im Picker auswählen.
Support für manuelle Einträge von Font Awesome-Icon-Klassen für unbeschränkte Möglichkeiten.

3. Konfiguration von Farben pro Hotspot

Individuelle Farben: Setzen Sie einzigartige Farben für jeden Hotspot, um farbgekodete interaktive Karten zu erstellen.
Visuelles Farbe-Picker: Wählen Sie mit einem intuitiven Farbe-Picker oder geben Sie direkte Hex-Kennzahlen ein.
Globale Standardwerte: Definieren Sie standardfarben für alle Hotspots ohne individuelle Farben.
Zurücksetzen auf die Standardwerte: Ein-Druckknopf, um die individuellen Farben zu entfernen und das Modul mit den Standardwerten zu verwenden.

4. Schönheitliche Tooltip-Balloons

Custom CSS-Tooltip: Moderne, animierte Tooltip-Balloon, die sich auf Hover zeigen mit glatten Übergängen.
Anzeigepfeile: Tooltips haben eine kleine Pfeil-Indikator für ein klarer visueller Verbindung.
Dunkler Theme: Halbfüllende schwarze Hintergrundmit Text in Weiß gewährleistet Lesbarkeit auf jedem Bild.
Automatische Positionierung: Tooltip automatisch über Hotspots zu zeigen, um Inhalte nicht zu verdecken.
Optionales Anzeigen: Aktivieren oder Deaktivieren Sie Tooltips global mit einem einfachen Schalter.

5. Professionelle Stilgebung

Kreis-Hotspots: Perfekte Kreise mit Icons in der Mitte für eine saubere, moderne Ausstrahlung.
Weißer Rand: 2px weisses Rändersicher die Sichtbarkeit auf jedem Hintergrundbild.
Schatten-Effekt: Subtale Schatteneffekt gibt Tiefe und macht Hotspots hervorragend sichtbar.
Hover-Effekte: Hotspots skalieren sich 1.2x und dunkeln beim Hover, um ein klareres interaktives Feedback zu geben.

6. Import/Export-Funktion

JSON-Import: Exportieren Sie alle Konfigurationen der Hotspots in JSON-Format für Sicherung oder Wiedernutzung.
JSON-Export: Importieren Sie vorher exportierte Konfigurationen oder erstellen Sie Hotspots programmatisch.
Mehrfach-Aktionen: Schnelle Duplizierung von Hotspot-Konfigurationen auf mehrere Module.
Einfache Übertragung: Transparenz zwischen Entwicklung und Produktionsseiten für Hotspot-Konfigurationen.