Lexi Help
Die neuesten Themen
» Begriff : "merken"
von Ray Heute um 13:26

» Private Nachrichten
von inde Heute um 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde Gestern um 22:24

» Ad Ware im Forum?
von inde Gestern um 20:38

» [Update] Neues Theme der mobilen Version V2
von #Frank Gestern um 16:57

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Sa 24 Sep 2016 - 11:29

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Do 22 Sep 2016 - 20:30

» [phpBB2] Gruppen in der Wer is Online Anzeige "trennen"
von TheRollyJoger Mi 21 Sep 2016 - 10:49

» Yaruma - Fantasy-RPG Forum
von Alketa Di 20 Sep 2016 - 21:34

» [phpBB3] Links automatisch kursiv
von inde Di 20 Sep 2016 - 17:37

» [Invision] Kompletter Css-Codebaum gesucht !
von inde Di 20 Sep 2016 - 13:12

» Filmforum "Dark Movie Dreams"
von Ray Di 20 Sep 2016 - 11:56

» Forumseite mit Mailware verseucht ?
von inde Mo 19 Sep 2016 - 20:31

» Ich kann keine Hintergrundbilder hochladen
von Serv Mo 19 Sep 2016 - 19:59

» SQL Zugang
von inde Mo 19 Sep 2016 - 18:56

Partner
free forum

Image Map als Indexmodul einsetzen

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt Image Map als Indexmodul einsetzen

Beitrag von joschi1989 am Sa 22 März 2014 - 0:26

Hallo,

ich stehe grad etwas auf dem Schlauch. Ich habe bereits alles probiert aber irgendwie will das nicht.
Ich habe ein Bild erstellt wo auf dem Bild 2 Links von mir eingesetzt worden sind. Hierzu habe ich das Programm GIMP
benutzt und eine Image Map Datei erstellt. Diese Image Datei gibt mir nun folgenden HTML Code raus:

Code:
<img style="width: 215px; height: 276px;" src="Unbenannt" usemap="#map" border="0" /> <map id="map">
<!--    #$-:Image map file created by GIMP Image Map plug-in    -->
<!--    #$-:GIMP Image Map plug-in by Maurits Rijk    -->
<!--    #$-:Please do not edit lines starting with "#$"    -->
<!--    #$VERSION:2.3    -->
<!--    #$AUTHOR:Christian    --><area shape="rect" coords="30,90,195,135" href="http://itunes.apple.com/de/app/goal-manager/id575222774?mt=8&affId=1881396&ign-mpt=uo%3D4" /><area shape="rect" coords="30,150,195,210" href="http://play.google.com/store/apps/details?id=air.de.goalgames.GoalManagerCH&hl=de" /></map>

Diesen Code habe ich nun in ein Idexmodul gepackt, aber leider wird mir das Bild nicht wiedergeben.
Knn mir jemand vielleicht sagen was ich falsch gemacht habe bzw. kann ich überhaupt diesen Image Map Code einsetzen?

So soll das ganze dann aussehen:

Grafik:

joschi1989
Kaiser
Kaiser

Männlich Beiträge : 679
Anmeldedatum : 16.07.12

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Image Map als Indexmodul einsetzen

Beitrag von Günther am Sa 22 März 2014 - 0:34

Hallo Christian,

es fehlt nur noch die Bildurl:
<img style="width: 215px; height: 276px;" src="Unbenannt" usemap="#map" border="0" /> <map id="map">
<!--    #$-:Image map file created by GIMP Image Map plug-in    -->
<!--    #$-:GIMP Image Map plug-in by Maurits Rijk    -->
<!--    #$-:Please do not edit lines starting with "#$"    -->
<!--    #$VERSION:2.3    -->
<!--    #$AUTHOR:Christian    --><area shape="rect" coords="30,90,195,135" href="http://itunes.apple.com/de/app/goal-manager/id575222774?mt=8&affId=1881396&ign-mpt=uo%3D4" /><area shape="rect" coords="30,150,195,210" href="http://play.google.com/store/apps/details?id=air.de.goalgames.GoalManagerCH&hl=de" /></map>

Warum hat GIMP als Bildadresse "Unbekannt" eingesetzt?
Weil du die Image Map mit einem Bild erstellt hast, das lokal bei dir am PC gespeichert ist. Aber wenn du die Image Map online verwenden möchtest, musst du das Bild erst noch hosten (z.B. bei Servimg) und diese Bildurl dann in den Code einsetzen.
GIMP kann die Bildurl natürlich nicht kennen, die du von deinem Bilderhoster erhalten wirst, und setzt deshalb vorerst den Platzhalter "Unbekannt" ein.

Schau mal, ich habe dir einfach die Bildurl aus deinem Beitrag eingesetzt und der Code funktioniert perfekt:
Code:
<img style="width: 215px; height: 276px;" src="http://i57.servimg.com/u/f57/17/63/79/66/downlo10.jpg" usemap="#map" border="0" /> <map id="map">
<!--    #$-:Image map file created by GIMP Image Map plug-in    -->
<!--    #$-:GIMP Image Map plug-in by Maurits Rijk    -->
<!--    #$-:Please do not edit lines starting with "#$"    -->
<!--    #$VERSION:2.3    -->
<!--    #$AUTHOR:Christian    --><area shape="rect" coords="30,90,195,135" href="http://itunes.apple.com/de/app/goal-manager/id575222774?mt=8&affId=1881396&ign-mpt=uo%3D4" /><area shape="rect" coords="30,150,195,210" href="http://play.google.com/store/apps/details?id=air.de.goalgames.GoalManagerCH&hl=de" /></map>

Liebe Grüße
Günther

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Image Map als Indexmodul einsetzen

Beitrag von joschi1989 am Sa 22 März 2014 - 0:38

Hi Günther,

mensch was ich Bl.d
Da sagste was, ich habe tatsächlich die Bild Url vergessen  knock  Hab nicht dran gedacht das ich das Bild noch hosten musste. Super jetzt funktioniert es....vielen lieben dank. War ja einfach  Very Happy 


Schönen abend noch Günther

joschi1989
Kaiser
Kaiser

Männlich Beiträge : 679
Anmeldedatum : 16.07.12

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Image Map als Indexmodul einsetzen

Beitrag von Günther am Sa 22 März 2014 - 0:40

Bitte, Christian. Smile

Erholsames Wochenende!
-closed-

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten