Image Map als Indexmodul einsetzen

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:

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

Hi Günther,

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


Schönen abend noch Günther

Bitte, Christian.

Erholsames Wochenende!
-closed-