Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion

collapse

* Wichtige Mitglieder-Information

Da immer noch Mails verwunderter "Mitglieder" bei mir ankommen, weil Login und Registrierung nicht funktionieren... das Forum ist seit geraumer Zeit geschlossen und steht ausschließlich als Nachschlagewerk zur Verfügung. Einerseits bin ich froh, diesen Schritt gewagt zu haben... auf der anderen Seite... wenn ich hier manchmal so lese... es war doch "'ne geile Zeit" mit euch! Macht's gut!

Beste Grüße nettesekel

* Friendship

DER Katzenblog – mit tollen Tipps und Ideen für deine Katze(n) <3

Die letzten Beiträge

Autor Thema: Erstellen einer "image map"  (Gelesen 1348 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline hubsi

  • Junior Mitglied
  • **
  • Beiträge: 47
Erstellen einer "image map"
« am: 20. November 2013, 13:45:38 »
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


Offline hubsi

  • Junior Mitglied
  • **
  • Beiträge: 47
Re: Erstellen einer "image map"
« Antwort #1 am: 20. November 2013, 13:55:47 »
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>

Offline Dada

  • Supporter
  • *****
  • Beiträge: 1631
Re: Erstellen einer "image map"
« Antwort #2 am: 20. November 2013, 18:24:35 »
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
  1.  
  2.      border="0" height="520" width="478">
  3.     <map name="nov_2013.map">
  4.       <!-- #$-:Image map file created by GIMP Image Map plug-in -->
  5.       <!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
  6.       <!-- #$-:Please do not edit lines starting with "#$" -->
  7.       <!-- #$VERSION:2.3 -->
  8.       <!-- #$AUTHOR:Hubert Auer -->
  9.       <area shape="rect" coords="0,1,238,130" alt="50000 Artikel für Ihre Ideen"
  10.  
  11.        href="http://www.kwishop.info/">
  12.       <area shape="rect" coords="240,0,474,129" alt="Kalender und Karten für 2014"
  13.  
  14.       <area shape="rect" coords="0,132,238,260" alt="USB-Stick - Elektronik" href="http://www.kwi-elektronik.de/">
  15.       <area shape="rect" coords="239,132,473,258" alt="Mode und Textilien" href="http://www.kwi-fashion.de/">
  16.       <area shape="rect" coords="0,261,238,390" alt="Kulinarische Präsente" href="http://kwi-wellness.promotional-concepts.de/">
  17.       <area shape="rect" coords="237,260,474,390" alt="Süsses für das ganze Jahr"
  18.  
  19.       <area shape="rect" coords="1,392,238,518" alt="Tassen werben für Sie" href="http://www.kwi-werbetassen.de/">
  20.       <area shape="rect" coords="238,391,475,518" alt="Paradies für Genieser" href="http://kunze.business-lifestyle-praesente.de/">
  21.     </map>

Offline Dada

  • Supporter
  • *****
  • Beiträge: 1631
Re: Erstellen einer "image map"
« Antwort #3 am: 20. November 2013, 18:31:52 »
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.

Offline hubsi

  • Junior Mitglied
  • **
  • Beiträge: 47
Re: Erstellen einer "image map"
« Antwort #4 am: 22. November 2013, 09:35:10 »
Hallo Dada,

vielen Dank

hubst

Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion