1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Hotspots in Bilder einfügen

Dieses Thema im Forum "Design" wurde erstellt von frank_gayer, 28. Juni 2010.

  1. frank_gayer

    frank_gayer Well-Known Member

    Registriert seit:
    16. März 2008
    Beiträge:
    289
    Zustimmungen:
    0
    Hallo,

    ich suche nach einer Möglichkeit sogenannte Hotspots die ich aus Dreamweaver kenne auch in Wordpress zu verwenden. Dabei werden Teile eines Bildes, die frei auswählbar sind auf Webseiten oder Unterseiten der Homepage verlinkt.

    Hier ist der Code, denn Dreamweaver erzeugt und ich schon versucht habe in meine vorhandene Seite einzubauen. Vielleicht kennt jemand da eine Möglichkeit !

    PHP:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #1 frank_gayer, 28. Juni 2010
  2. Tutrix

    Tutrix Well-Known Member

    Registriert seit:
    21. Mai 2010
    Beiträge:
    3.734
    Zustimmungen:
    28
    Hotspots mit Dreamweaver ins Bild setzen.
    Editor von WP auf html Modus, Bild hochladen, dem img-Code das (usemap="#Map") hinzufügen und dann den ganzen map-Code hinzufügen also
    bei deinem Beispiel
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #2 Tutrix, 28. Juni 2010
  3. frank_gayer

    frank_gayer Well-Known Member

    Registriert seit:
    16. März 2008
    Beiträge:
    289
    Zustimmungen:
    0
    Hallo,

    das habe ich schon gemacht, dachte das lässt sich 1:1 kopieren. Da aber die "Koordinaten" dann anders sind muss ich das Hotspotfeld manuell anpassen können, aber ich sehe diese Felder eben nicht
     
    #3 frank_gayer, 28. Juni 2010
  4. Tutrix

    Tutrix Well-Known Member

    Registriert seit:
    21. Mai 2010
    Beiträge:
    3.734
    Zustimmungen:
    28
    das funktioniert ohne Probleme

    siehe Testlink wieder entfernt

    hab mal 3 Links auf meiner Seite eingefügt

    Edit: 30.06.10..... Artikel dazu erstellt, siehe = Hotspots, Images Maps in WordPress
     
    #4 Tutrix, 28. Juni 2010
    Zuletzt bearbeitet: 30. Juni 2010
  5. frank_gayer

    frank_gayer Well-Known Member

    Registriert seit:
    16. März 2008
    Beiträge:
    289
    Zustimmungen:
    0
    Hallo,

    interessant. Bei mir klappt das nicht. Hier mal der Code den ich auf meiner aktuellen Homepage online habe und nun auf meine Offline-Installation übernommen habe, mit diesem geht es nicht.

     
    #5 frank_gayer, 28. Juni 2010
  6. Tutrix

    Tutrix Well-Known Member

    Registriert seit:
    21. Mai 2010
    Beiträge:
    3.734
    Zustimmungen:
    28
    füge den Map-Code mal direkt an den Images-Code, also in das Div und nicht extern und ohne <p>
     
    #6 Tutrix, 28. Juni 2010
  7. frank_gayer

    frank_gayer Well-Known Member

    Registriert seit:
    16. März 2008
    Beiträge:
    289
    Zustimmungen:
    0
    So geht es auch nicht:

     
    #7 frank_gayer, 28. Juni 2010
  8. Tutrix

    Tutrix Well-Known Member

    Registriert seit:
    21. Mai 2010
    Beiträge:
    3.734
    Zustimmungen:
    28
    hmm... hänge das ( usemap="#Map") mal ans Ende des img-Codes
     
    #8 Tutrix, 28. Juni 2010
  9. frank_gayer

    frank_gayer Well-Known Member

    Registriert seit:
    16. März 2008
    Beiträge:
    289
    Zustimmungen:
    0
    Geht auch nicht. Kannst Du mal Deinen kompletten Code zeigen ?
     
    #9 frank_gayer, 28. Juni 2010
  10. Tutrix

    Tutrix Well-Known Member

    Registriert seit:
    21. Mai 2010
    Beiträge:
    3.734
    Zustimmungen:
    28
    was geht den nicht, die Jahreszahlen im Bild sind doch alle verlinkt?!
     
    #10 Tutrix, 28. Juni 2010
  11. frank_gayer

    frank_gayer Well-Known Member

    Registriert seit:
    16. März 2008
    Beiträge:
    289
    Zustimmungen:
    0
    Das ist ja auch die Onlineversion die ich jetzt durch Wordpress ersetzen will was ich aktuell unter Xampp am laufen habe
     
    #11 frank_gayer, 28. Juni 2010
  12. Tutrix

    Tutrix Well-Known Member

    Registriert seit:
    21. Mai 2010
    Beiträge:
    3.734
    Zustimmungen:
    28
    nun hab das bei mir wieder gelöscht
    das war der Inhalt im Editor
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #12 Tutrix, 28. Juni 2010
  13. frank_gayer

    frank_gayer Well-Known Member

    Registriert seit:
    16. März 2008
    Beiträge:
    289
    Zustimmungen:
    0
    Habe mal den Code 1:1 kopiert und die Bildquelle angepasst. Bei mir geht das nicht. An was könnte das noch liegen ?
     
    #13 frank_gayer, 29. Juni 2010
  14. Tutrix

    Tutrix Well-Known Member

    Registriert seit:
    21. Mai 2010
    Beiträge:
    3.734
    Zustimmungen:
    28
    Also ich hab das jetzt nochmal etwas ausführlicher getestet und es funktioniert ohne Probleme.

    siehe = Hotspots, Images Maps in WordPress ;)

    Vielleicht liegt es ja an Xampp
     
    #14 Tutrix, 29. Juni 2010
  15. frank_gayer

    frank_gayer Well-Known Member

    Registriert seit:
    16. März 2008
    Beiträge:
    289
    Zustimmungen:
    0
    Hallo,

    ja genau. Ich teste das einfach wenn die Seite online ist, denn ich kann ja den Code 1:1 aus Dreamweaver übernehmen. Danke für die tolle Anleitung
     
    #15 frank_gayer, 29. Juni 2010
  16. frank_gayer

    frank_gayer Well-Known Member

    Registriert seit:
    16. März 2008
    Beiträge:
    289
    Zustimmungen:
    0
    Hallo,

    online scheint es jetzt zu klappen, aber wie bekomme ich die Hotspots dorthin wo ich sie hinhaben will ?
     
    #16 frank_gayer, 2. Juli 2010
  17. Tutrix

    Tutrix Well-Known Member

    Registriert seit:
    21. Mai 2010
    Beiträge:
    3.734
    Zustimmungen:
    28
    nun wenn der richtige Bildpfad angegeben wird, funktioniert es

    also statt
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    den richtigen
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #17 Tutrix, 2. Juli 2010
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden