Ich hab folgendes Problem. Ich möchte ein Bild in einer Homepage einbauen, das ein Gruppenfoto ist. Ich weiß, dass sich Hotspots anlegen lassen, die nur für bestimmte Bereiche einen Link haben, z.B. für jede Person auf dem Bild.

Ich möchte aber keinen Link, sondern nur den Text, der erscheint, wenn man mit dem Mauszeiger hinfährt, bei jeder Person anders, also für jede Person den entsprechenden Namen.

Lässt sich das mit HTML bewerkstelligen, wenn nicht bräuchte ich einen ziemlich ganz genauen Vorschlag, da ich in z.B. JavaScript eine völlige Nuss bin.

Danke an alle

Du brauchst dafür kein Javascript, das geht ganz leicht mit Html. Hier ein Codebeispiel:


<BLOCKQUOTE><font size="1" face="Verdana, Arial">code:</font><HR><pre>
&lt;img src="pic.jpg" width="800" height="530" border="0" usemap="#Map"&gt;
&lt;map name="Map"&gt;
&lt;area shape="circle" coords="600,247,158" href="#" alt="der text den du eben anzeigen möchtest" &gt;
&lt;/map&gt;
[/code]

[Dieser Beitrag wurde von verner am 12. Oktober 2000 editiert.]

also das was du meins ist ein ImageMap. Dh. eine Grafik die in mehrere Bereiche, sogenannten Zonen aufgeteilt wird. Dh. es wird mit einem geeigneten Programm mehrere dieser Bereiche in Form von kooardinaten ermittelt un diese dann im Code der HTML Datei hinterlegt. Die Definition einer ImageMap erfolgt mit dem Tag &lt;map&gt;. Zusätzlich wird zu Beginn der Definition der Namer der entsprechenden Grafik eingegeben. Anschließend erfolg die Bezeichnung der einzelnen Bereiche der ImageMap mit dem Tag &lt;area&gt;. Hier übergibt man dem Attribut shape die Art der Figurenm welche von den ermittelten Koordinaten dargestellt werden. Anschließend folgen die Koordinaten sowie mit href das Ziel des entsprechenden Verweises. Nach dem Abschluß des Bereichs map wird die eigentliche Grafik zusammen mit dem Attribut usemap angegeben, welchs wieder den im Bereich von &lt;map&gt; angegebenen Namen enthält.

Figur : Beschreibung: Koordinaten:
rect Rechteck x1, y1, x2, y2 (oben links, rechst / unten links, rechts)

circle Kreis x1, y1, Radius (mittelpunkt, Radius)

polygon Vieleck x1, y1, ´x2, y2, x3, y3 ......

Beispiel:
In die HTML Datei wurde eine Grafik eingebunden, die über drei Bereiche aufgeteilt wurde. Der erste Bereich verweißt über ein Sprungziel innerhalb der eigenen Seite, während die beiden anderen Bereiche auf eine seperate HTML Datei verweisen.

(ich weiß, du willst keine Verweise, aber ich schreibs sicherheit halber dazu, villeicht willst du ja dann doch irgendwann verweise benützten)

&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Titel&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;map name"bil1"&gt;
&lt;area shape=rect coords="20.30.150.145" href="#anker"&gt;
&lt;area shape=circle coords="50.50.130" href="Datei1.htm"&gt;
&lt;area shape=polygon coords="1.1.60.15.75.17" href="Datei2.htm"&gt;
&lt;/map&gt;
&lt;img scr="landkarte.gif" usemap="#bild1" border=0&gt;
&lt;/body&gt;
&lt;/html&gt;

Im Beispiel siehst du oben im &lt;map&gt; die ganzen Befehle ür dn Browser das er sich auskennt wo was ist. img src ist dann daß eigentliche Bild, und unter #usemap weiß der Browser dann daß dieses Bild zu den be genannten Koordinaten gehört.

Wie kommt man jetzt auf die Koordinaten ?

Da gibt es zum Beispiel das 30-Tage Programm unter http://www.boutell.com/mapedit (auch für Mac und Linux)

Nach dem Start wird man nach der HTML Datei gefragt die daß Bild enthält. Anschleißen prüft MapEdit auf Syntax.

In diesem Programm kannst du dann die Grafik mit Kreisen, Rechtecken und Polygonen versehen. Nach dem Beenden der Arbeit kann man dann die neu ermittelten Koordinaten als vollständigen Code in der HTML-Datei abspeichern lassen.

Die Koordinaten kann man aber auch mit fast jedem Beliebigen Grafik programm erstellen. um denn Bestimmten Bereich der Grafik ein Kästchen ziehen, und man sieht dann unten in der Leisten die Koordinaten. Diese Koordinaten kannst du dann wie im obrigen Beispiel einfügen.

So, wieder mal mein Wissen entleert

Viel Glück

MFG

(Bitte rechtschreib Fehler nicht beachten)

ach ja: Damit ein Text dabei steht wenn man über die Grafik fährt brauchst du nur das Attribut name="hansi" eingeben

sorry vergiss den letzten eintrag. Verner hat recht mit alt""

Herzlichen Dank für die hilfreichen Antworten.
Stimmt, ich meine natürlich ein ImageMap, welches sich ja auch mit Frontpage (zwecks der Koordinaten) erstellen lässt.

Werde mich sobald wie möglich. an die Arbeit machen, und es ausprobieren. Falls ich noch wo anstehe melde ich mich wieder. Das ist eine ernstgemeinte Drohung :)