So funktioniert es
Lade ein Bild und ziehe, um einen Link-Bereich zu zeichnen. Positionen werden in Prozent gespeichert, damit die Hotspots beim Skalieren ausgerichtet bleiben. Passe die Größe an den Griffen an, fülle URL, Alt und Titel aus und kopiere HTML/CSS oder speichere das CSS als eigene Datei.
Tipps
- Nutze ein klares Bild mit eindeutigen Klickflächen; Hotspots sind Rechtecke.
- Alt-Text für Screenreader, Titel für Tooltips.
- Prüfe das Ergebnis vor dem Veröffentlichen auf PC und Mobil.
- Inline-Styles für schnelles Einfügen; Klassenmodus, wenn dein Site-CSS Inline-Styles überschreiben könnte.
Häufige Fragen
Wird das Bild hochgeladen?
Nein. Bild und Bearbeitung bleiben im Browser. Nichts wird an beancuit oder andere gesendet.
Welche Bilder eignen sich?
Banner, Produktbilder und Hinweisbilder mit klaren Klickflächen. Die Positionen sind in Prozent, daher bleiben die Hotspots beim Skalieren ausgerichtet.
Wie verwende ich den Code?
Kopiere HTML und CSS in deine Seite oder wähle HTML / CSS getrennt und speichere das CSS als eigene Datei.
Inline-Styles oder Klassen?
Inline ist am schnellsten einzufügen. Der Klassenmodus nutzt eine zufällige Elternklasse, um Konflikte mit deinem Site-CSS zu reduzieren.