✔ HTML - Hotspots

Status
Nicht offen für weitere Antworten.
Alexander12

Alexander12

Erfahrenes Mitglied
Hallo,

Wie kann ich eigentlich mit HTML einen Hotspot in meiner Seite platzieren, der auf eine Seite verlinkt? Hab' auch schon was von "map" gehört und im Forum gesucht, aber nix passendes gefunden ... :( Ein Codebeispiel wäre nett!

MfG Alexander12

PS: Bin noch ganz neu in HTML, also nicht über ide Frage lachen ... ;)
 
Hi,

hier ist ein Beispiel Code von einem Hotspot:
Code: 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <title>Unbenanntes Dokument</title>
 </head>
 
 <body>
 <img src="php/rate/images/1.jpg" width="73" height="14" border="0" usemap="#Map" />
 <map name="Map" id="Map">
   <area shape="rect" coords="1,-1,20,13" href="#" />
 </map>
 </body>
 </html>
pMx
 
Hi pamax,

Danke für dein Codebeispiel, aber wie krige ich da jetzt den Hyperlink/ das Ereignis rein?

Danke für deine Antwort! ;)

MfG Alexander12
 
Hallo!

Ich habe gerade ein ähnliches Problem. Bei dem Code in Selfhtml checke ich aber nicht, auf was sich die Koordinaten in area="poly" beziehen. Wie kann ich denn wissen, was meine Koordinaten sind? Im Beispiel stehen 12 Koordinaten, ich kapiere, dass die mir ein Polygon zeichnen, aber wie weiß ich denn, wieviele px ich nehmen muss?
 
Alexander12 hat gesagt.:
Danke für den Link! Hast mir echt geholfen!
Zum Vergrößern anklicken....
Dann markiere das Thema bitte auch als 'erledigt'. Vielen Dank ;)

renard hat gesagt.:
Ich habe gerade ein ähnliches Problem. Bei dem Code in Selfhtml checke ich aber nicht, auf was sich die Koordinaten in area="poly" beziehen. Wie kann ich denn wissen, was meine Koordinaten sind? Im Beispiel stehen 12 Koordinaten, ich kapiere, dass die mir ein Polygon zeichnen, aber wie weiß ich denn, wieviele px ich nehmen muss?
Zum Vergrößern anklicken....
selfHTML hat gesagt.:
Ein Polygon (shape="poly") definieren Sie mit den Koordinaten x1,y1,x2,y2 ... xn,yn
wobei bedeuten:
x = Pixel einer Ecke von links
y = Pixel einer Ecke von oben
Sie können so viele Ecken definieren wie Sie wollen. Von der letzten definierten Ecke müssen Sie sich eine Linie zur ersten definierten Ecke hinzudenken. Diese schließt das Polygon.

Beachten Sie:

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
Zum Vergrößern anklicken....
Ein Polygon-Punkt wird durch eine X- und Y-Koordinate definiert. In dem Beispiel auf selfHTML sind das somit bei 12 Koordinaten 6 Polygon-Punkte. Wieviele Pixel du für einen Punkt von links und oben auswählen mußt, können wir dir nicht sagen, da wir die von dir verwendete Grafik und die Form des gewünschten Polygons nicht kennen. :)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück