Regeln und nützliche Hinweise
Lexi Help
Die neuesten Themen
» [phpBB3] Kategorien und Foren unsichtbar machen
von Coffy Heute um 16:11

» Registrierung defekt
von cybercrash Gestern um 22:49

» [phpBB2] index_box.tpl & Avatare verstecken
von Dr.Keks Gestern um 22:40

» [phpBB2] Avatare für Gäste unsichtbar
von Dr.Keks Gestern um 22:37

» Admin Email Ändern
von Bigtuber Gestern um 17:05

» Sternzeichen Wassermann endet am falschen Datum / Fische beginnt zu früh
von VampirinJayna Gestern um 14:22

» [phpBB3] Smilies können nicht neu erstellt werden
von Coffy Gestern um 6:13

» [Mitteilung] ModernBB - Eine neue Foren-Version für Forumieren-Foren
von chamutv Di 28 März 2017 - 20:43

» [phpBB3] [phpBB3] Forum nicht sicher
von Bigtuber Di 28 März 2017 - 17:43

» Passwort vergessen
von Bigtuber Di 28 März 2017 - 14:58

» [#9357]-[phpBB2] Registrierung funktioniert nicht
von amti Di 28 März 2017 - 14:17

» [Sammelthread] Unangebrachte Werbung
von Marcel´s Schnatterbude Mo 27 März 2017 - 9:46

» Admin Passwort vergessen
von ABC-Man Mo 27 März 2017 - 9:01

» Kalender
von Bigtuber So 26 März 2017 - 18:04

» Gifs einfügen
von Bigtuber So 26 März 2017 - 14:58

» Warrior Cats - NordClans
von Eislicht So 26 März 2017 - 0:28

www.forumieren.de

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:
avatar
joschi1989
Kaiser
Kaiser

Männlich Beiträge : 679
Anmeldedatum : 16.07.12
keine
phpBB3

Benutzerprofil 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
avatar
Günther
Admin a.D.
Admin a.D.

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

Benutzerprofil 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
avatar
joschi1989
Kaiser
Kaiser

Männlich Beiträge : 679
Anmeldedatum : 16.07.12
keine
phpBB3

Benutzerprofil 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-
avatar
Günther
Admin a.D.
Admin a.D.

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

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten