Board-Archiv (archivierte Boards zum Lesen, kein Support mehr) > Spezielle Fragen zur Arbeit mit GIMP

Erstellen einer "image map"

(1/1)

hubsi:
Hallo,

ich arbeite mit Gimp 2.8.6

OSX
unter Safari funktioniert die Map
unter Firefox nicht.

Windows
unter Firefox und IE funktioniert die Map ebenfalls nicht

Kann mir jemand helfen

hubert

hubsi:
HTML-Quellcode den Gimp erstellt

<img src="http://www.kwi-werbeartikel.de/forms/nov_2013.jpg" width="478" height="520" border="0" usemap="nov_2013.map" />

<map name="nov_2013.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:Hubert Auer -->
<area shape="rect" coords="0,1,238,130" alt="50000 Artikel für Ihre Ideen" href="http://www.kwishop.info/" />
<area shape="rect" coords="240,0,474,129" alt="Kalender und Karten für 2014" href="http://www.kwi-werbeartikel.de/forms/kalenderwerben.html" />
<area shape="rect" coords="0,132,238,260" alt="USB-Stick - Elektronik" href="http://www.kwi-elektronik.de/" />
<area shape="rect" coords="239,132,473,258" alt="Mode und Textilien" href="http://www.kwi-fashion.de/" />
<area shape="rect" coords="0,261,238,390" alt="Kulinarische Präsente" href="http://kwi-wellness.promotional-concepts.de/" />
<area shape="rect" coords="237,260,474,390" alt="Süsses für das ganze Jahr" href="http://www.kunze-werbeartikel.de/forms/suessigkeiten.html" />
<area shape="rect" coords="1,392,238,518" alt="Tassen werben für Sie" href="http://www.kwi-werbetassen.de/" />
<area shape="rect" coords="238,391,475,518" alt="Paradies für Genieser" href="http://kunze.business-lifestyle-praesente.de/" />
</map>

Dada:
Der Syntax ist ein wenig verkehrt, das liegt aber daran das du den QT aus der Quellansicht von GIMP hast. Richtig ist im Imagemap-Filterdialog mit Datei->Speichern unter die map zu exportieren. Dann erhälst du eine Datei mit der Ending .map. Diese öffnest du mit dem Editor und kopierst den QT darin.

Hier mal der korrigierte QT.

--- Code: HTML5 ---<img src="http://www.kwi-werbeartikel.de/forms/nov_2013.jpg" usemap="#nov_2013.map"       border="0" height="520" width="478">    <map name="nov_2013.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:Hubert Auer -->      <area shape="rect" coords="0,1,238,130" alt="50000 Artikel für Ihre Ideen"         href="http://www.kwishop.info/">      <area shape="rect" coords="240,0,474,129" alt="Kalender und Karten für 2014"         href="http://www.kwi-werbeartikel.de/forms/kalenderwerben.html">      <area shape="rect" coords="0,132,238,260" alt="USB-Stick - Elektronik" href="http://www.kwi-elektronik.de/">      <area shape="rect" coords="239,132,473,258" alt="Mode und Textilien" href="http://www.kwi-fashion.de/">      <area shape="rect" coords="0,261,238,390" alt="Kulinarische Präsente" href="http://kwi-wellness.promotional-concepts.de/">      <area shape="rect" coords="237,260,474,390" alt="Süsses für das ganze Jahr"         href="http://www.kunze-werbeartikel.de/forms/suessigkeiten.html">      <area shape="rect" coords="1,392,238,518" alt="Tassen werben für Sie" href="http://www.kwi-werbetassen.de/">      <area shape="rect" coords="238,391,475,518" alt="Paradies für Genieser" href="http://kunze.business-lifestyle-praesente.de/">    </map>

Dada:
Fast vergessen:
NOF beitet auch die Möglichkeit Imagemaps zu erstellen. Hier heist es allerdings Hotspot.
Ausserdem ist bei der Grafik eigentlich keine Imagemap notwendig. Es sind alles gleich große Rechtecke. Ich würde die Grafik slicen und in eine rahmenlose Tabelle packen.

hubsi:
Hallo Dada,

vielen Dank

hubst

Navigation

[0] Themen-Index