Das Forum der Foren
Willkommen im offiziellen Supportforum von Forumieren!

Um alle Vorteile unseres Forums zu nutzen, melden Sie sich bitte an. Wenn Sie bereits Mitglied sind loggen Sie sich ein.


Erstellen Sie ein kostenloses Forum wie dieses hier.
Regeln und nützliche Hinweise
Slideshow-Generator
Der Forumieren Slide Show - Diashow-GeneratorDer Forumieren Slide Show - Diashow-GeneratorDer Forumieren Slide Show - Diashow-GeneratorDer Forumieren Slide Show - Diashow-GeneratorDer Forumieren Slide Show - Diashow-Generator
Lexi Help
Die neuesten Themen
» Signatur (468*60) für http://rpg-drachenkrieg.forumieren.eu
von inde Heute um 16:37

» Wrestling Around the World!
von Emily Stein Gestern um 11:46

» Wrestling Forum
von Emily Stein Gestern um 11:45

» Spacemaniac-das Modellraketen Forum für alle ;)
von Emily Stein Gestern um 11:43

» Guthaben kaufen / einsetzen - Was kostet wie viel?
von Forumbot Do 22 Jun 2017 - 19:43

» [Update] jQuery-Update: von Version 1.7 zu 3.2
von Forumbot Do 22 Jun 2017 - 18:23

» C&C Renegade Forum
von inde Do 22 Jun 2017 - 17:32

» Tutorial-Forum für forumieren Administratoren.
von inde Do 22 Jun 2017 - 17:31

» Youtube Fanforum
von Emily Stein Do 22 Jun 2017 - 17:07

» Youtuber Fanforum
von Emily Stein Do 22 Jun 2017 - 17:07

» Prime-Kingz.de - We Love to Prime-Kingz
von Emily Stein Do 22 Jun 2017 - 17:06

» [phpBB3] Inter-NET - Das Forum zum allgemeinen Internet
von Emily Stein Do 22 Jun 2017 - 17:05

» CodeLabs
von Emily Stein Do 22 Jun 2017 - 17:04

» Animal Crossing Villagers Forum
von Emily Stein Do 22 Jun 2017 - 17:03

» Htmlfreak-Forum für Webdesign, Events und Frageforum
von Emily Stein Do 22 Jun 2017 - 17:02

» Test-Forum (Foruml)
von Emily Stein Do 22 Jun 2017 - 16:57

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