Exakte Koordinaten für case sensitive auslesen?

[Raven]

Hey Leute ;o)
Also wollte vor kurzem nen Bild auf meinen Space laden und dazu dann auch noch Links einfügen mittels case sensitive. Die Anleitung habe ich [url=http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm#definieren]HIER[/url] gefunden.
Nun wird hier gesagt, wie man die Koorordinaten der jeweiligen Ecken auslesen kann. Ich möchte nämlich mit einem Viereck (shape="rect") arbeiten, bei dem ich von jeder der 4 Ecken eine Koordinate angebe und diese dann verweis-sensitiv sind.
Hier wird also nun beschrieben, wie man die Koordinaten ausliest:
[QUOTE]Um die gewünschten Pixelkoordinaten für verweis-sensitive Flächen einer Grafik zu erhalten, können Sie beispielsweise ein Grafikprogramm benutzen, bei dem Sie mit der Maus in der angezeigten Grafik herumfahren können und dabei die genauen Pixelkoordinaten des Mauszeigers angezeigt bekommen.[/QUOTE]
Nun ist die Frage, mit welchem Programm, oder wie genau.
Denn bei allen Programmen wird, wenn ich mich nicht irre, die x und y Koordinaten angezeigt und nicht ein bestimmter wert. Ein Rechteck hat 4 Seiten (), aber in dem Scriptbeispiel werden nur 4 Koordinaten angegeben für jeweils eine der vier Ecken. Ich habe in meinem Grafikprogramm nun 8 Koordinaten.
Hier das Sciptbeispiel:
[QUOTE]<area shape="rect" coords="42,59,78,80"
href="http://www.mainz.de/" alt="Mainz" title="Mainz">[/QUOTE]
Könnte mir da vielleicht jemand helfen?
LG RavenZ

[Raven]

Nochmal übersichtlicher geschrieben:

Hey Leute ;o)
Also wollte vor kurzem nen Bild auf meinen Space laden und dazu dann auch noch Links einfügen mittels case sensitive. Die Anleitung habe ich bei folgendem Link gefunden: http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm#definieren

Nun wird hier gesagt, wie man die Koorordinaten der jeweiligen Ecken auslesen kann. Ich möchte nämlich mit einem Viereck (shape="rect") arbeiten, bei dem ich von jeder der 4 Ecken eine Koordinate angebe und diese dann verweis-sensitiv sind.
Hier wird also nun beschrieben, wie man die Koordinaten ausliest:

Um die gewünschten Pixelkoordinaten für verweis-sensitive Flächen einer Grafik zu erhalten, können Sie beispielsweise ein Grafikprogramm benutzen, bei dem Sie mit der Maus in der angezeigten Grafik herumfahren können und dabei die genauen Pixelkoordinaten des Mauszeigers angezeigt bekommen.

Nun ist die Frage, mit welchem Programm, oder wie genau.
Denn bei allen Programmen wird, wenn ich mich nicht irre, die x und y Koordinaten angezeigt und nicht ein bestimmter wert. Ein Rechteck hat 4 Seiten (), aber in dem Scriptbeispiel werden nur 4 Koordinaten angegeben für jeweils eine der vier Ecken. Ich habe in meinem Grafikprogramm nun 8 Koordinaten.

Hier das Sciptbeispiel:
<area shape="rect" coords="42,59,78,80"
href="http://www.mainz.de/" alt="Mainz" title="Mainz">

Könnte mir da vielleicht jemand helfen?
LG RavenZ

[basti_p]

Hallo,

Also wollte vor kurzem nen Bild auf meinen Space laden und dazu dann auch noch Links einfügen mittels case sensitive. Die Anleitung habe ich bei folgendem Link gefunden: http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm#definieren

Wenn Du in der o.g. Seite etwas weiter runter scrollst kommen die Definitionen der Koordinaten für die einzelnen shape-Optionen.

Grüße Basti

[Raven]

Alles klar. Vielen Dank euch :)

[Raven]

Hallihallo,
ich habe nun ein neues Problem. Ich wollte einen Verweis in ein Bild reinmachen bzw. etwas sensitiv machen. Das ist hier auch in diesem Tutorial erklärt: http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm

Ich gehe mit dem shape="rect" Verfahren vor.
Hier wird es nochmal beschrieben:

Ein Viereck (shape="rect") definieren Sie mit den Koordinaten für x1,y1,x2,y2
wobei bedeuten:
x1 = linke obere Ecke, Pixel von links
y1 = linke obere Ecke, Pixel von oben
x2 = rechte untere Ecke, Pixel von links
y2 = rechte untere Ecke, Pixel von oben

Nun have ich mit Paint.NET die Koordinaten ausgemessen und kam auf folgendes:
x1 = 189; x2 = 32; y1 = 286

Das dann eingesetzt wie im Tutorial (Beispiel am Tutorial):

<area shape="rect" coords="142,169,200,193"
          href="http://www.heilbronn.de/" alt="Heilbronn" title="Heilbronn">

Hier meine Page, bei der der Verweis nicht geht.
http://the-oldschool.lima-city.de/

Und hier der index.php-Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
       "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">  
<title>Verweis-sensitive Grafiken definieren - map, area, usemap</title>  
</head>  
<body>  
  
<h1>Nur ein Test :P</h1>  
  
<p>  
  <img src="oldschool.png" width="900" height="750" border="0" alt="Oldschool" usemap="#TheOldschool">  
  <map name="Background">  
    <area shape="rect" coords="32,189,74,286"  
          href="http://www.lima-city.de/" alt="Home" title="Home">  
    <area shape="rect" coords="96,533,810,115"  
          href="http://www.lima-city.de/" alt="Test" title="Test">  
  </map>  
</p>  
  
</body>  
</html>

Hoffe ihr könnt mir helfen.
LG Raven

[Beat]

<img src="oldschool.png" width="900" height="750" border="0" alt="Oldschool" usemap="#TheOldschool">

hast du denn eine map mit name="TheOldschool" ?

<map name="Background">

mfg Beat

[apsel]

Hallo

Abgesehen von den schon genannten Fehlern (falsche Bildbezeichnung, zu viele Koordinaten):

Ich hab Image-Maps mit Fast Image-Map gemacht. Download hier.

Bei einfachen Bildern braucht man das vielleicht nicht, aber man vereinfacht sich auf jeden Fall das mühselige Suchen der richtigen Koordinaten.

Matthias

[DiBo33]

Ich möchte nämlich mit einem Viereck (shape="rect") arbeiten, bei dem ich von jeder der 4 Ecken eine Koordinate angebe und diese dann verweis-sensitiv sind.

und genau hier liegt dein großer Denkfehler, du gibst bei shape="rect" nämlich nicht 4 Koordinaten an, sondern 2.

1. Koordinate = links/oben
2. Koordinate = rechts/unten

nicht mehr und nicht weniger.