Image-Map in Beitrag einbinden

    Hallo miteinander,

    ich bin leider weder bei Google noch hier im Wordpress-Forum so richtig fündig geworden.

    Mein Problem besteht nicht in der Erstellung einer Image Map (mache ich mit FastImgageMap), sondern im Einbinden in einen Beitrag.

    Was ich beispielsweise machen will:
    - Bei einem Gruppenfoto sind die Köpfe "anklickbar" mit Verweisen auf andere Seiten bzw. Beiträge.
    - bei einem Foto mit Gebäuden sind einzelne Bereiche zum anklicken

    Konkret:
    - ist das überhaupt möglich in Wordpress?
    - wo sollte ich das Bild ablegen?
    - wie binde ich das ein, damit es funktioniert?

    Danke schonmal für eure Mühe!

    Claus

    • Gerade eben
    • 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

    Das sollte eigentlich ganz normal funktionieren:

    Code
    <div><map id="abc" name="abc">
<area shape="poly" coords="433,401,450,405,463,416,472,430,472,446,467" href="xyz.html" alt="xyz!" title="xyz!" />
</map></div>


<div id="picture"><img style="border: 0px;" usemap="#abc" src="pic.jpg" width="500" height="500" alt="" /></div>

    Den WYSIWYG-Editor solltest du dafür allerdings wohl eher nicht nutzen, sondern auf HTML-Eingabe umschalten.

    Problem hat sich erledigt. Geht natürlich auch in WP.

    Das Problem bestand hauptsächlich darin den Pfad zum Bild richtig zu setzen.
    Ist der Pfad stimmig dann flutschts auch prächtig.

    Danke für deine Hilfe.
    CMA

    Hallo,
    ich verwende WP 2.1.2 und das Default-Theme.

    Ich möchte für das headerimg eine Image Map benutzen.

    Das headerimg ist jedoch in der style.css mit:

    HTML
    #header {
    background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
    }

    angegeben. Für eine Image Map muss ich aber auch die Image-URL angeben:

    <img src="/images/kubrickheader.jpg" width="760" height="200" border="0" usemap="#Map">

    Wo also füge ich wie den Code für die Image Map ein?

    style.css oder header.php.... oder bei beiden?

    Vielen Dank für jeden Tipp

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden