Link auf einem Images setzen

  • Hallo zusammen,

    habe mal eie Frage. Ich bearbeite gerade eine Vereinsseite wo ein Stadtplan eingebunden wird. Dies mache ich mit dem Pagebuilder Elementor. Nach alter html Regel habe ich die Linkpunkte mit html eingebunden

    Beispiel:
    [PLAIN]
    <img src="https://www.xxxxxx.de/test/wp-conten…splan_klein.jpg" width="1071" height="2355" border="0" usemap="#map" />

    <area shape="circle" coords="100,419,37" alt="Test" href="https://www.xxxxxx.de/test/ortsplan_test1/" />
    [/PLAIN]

    Das wäre die Ganz normale html. Nur funktioniert das nicht. Kann mir da jemand weiterhelfen?

    Gruß
    headloose

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Liegt vermutlich eher/auch daran, dass das Bild responsive eingebunden wird und daher bei Grössenänderungen je nach Bildschirmbreite die Koordinaten nicht mehr stimmen. Als wir früher Image Maps benutzt haben, haben wir dieses Problem mit jQuery RWD Image Maps gelöst.

    Ergänzung: Gelöst ist das Problem noch nicht. Sobald das aktuell sichtbare Bild durch verkleinern des Browserfensters kleiner wird, stimmen die beiden aktuell eingegebenen Koordinaten nicht mehr. Die Koordinaten sind absolute Pixel und nicht relativ zur tatsächlich angezeigten Bildgrösse. Du brauchst noch sowas wie das o.g. jQuery RWD Image Maps.

    4 Mal editiert, zuletzt von b3317133 (16. Dezember 2021 um 20:08)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!