Übersicht

Was sind Image-Maps?

Wie's geht (miniHOWTO)

Aufgabe(n)


Was sind Image-Maps?

Der Ein Schneemann . . . erklärt uns das jetzt mal: "Ein Image ist ein Bild (schau mich an!), aber nicht nur das. Sonst kannst du ja nur einen Verweis -sprich: Link- auf ein Bild setzen, aber ich bin zum Beispiel 64 mal 70 groß, Pixel versteht sich. Da könnte man doch, ich meine, es müßte doch irgendwie, ähm wie war das noch mal . . ." Ganz einfach, kleiner Schneemann, dein Zylinder soll auf den Anfang dieser Seite zeigen, also die Übersicht oben, und dein Bauch auf die Aufgaben unten, und diese Verweise nennt man Maps.

Beispiel gefällig? Bitte schön:

Imagemap-Beispiel

Das ist eine Riesengrafik, laut MS Photo-Editor 399 mal 117 Pixel, oder, um genau zu sein: 400 mal 118 (Warum? Weil die Null mitzählt). In dieser Grafik seht ihr zwei Dreiecke, eine Spirale und das Fragezeichen. Und daraus basteln wir uns jetzt ein IMAGE-MAP!

<<<

Wie's geht (miniHOWTO)

Teil 1: Das Bild als Image-Map vereinbaren: Das ist einfach, du gibst dort, wo das Bild eingebunden wird, an, dass du das Bild als Image-Map benutzen willst. Das Bild oben hat den Namen "imagemap.jpg", also:

<img src="imagemap.jpg"  border=0 usemap="#ein_beispiel" alt="Imagemap-Beispiel">

Mit usemap sagst du HTML, dass das Bild als Image-Map benutzt wird, und nach dem Gleichheitszeichen kommt der Name, unter dem das Bild angesprochen wird: hier ein_beispiel, beachte das # vor dem Namen.

Teil 2: Die Maps vereinbaren: Du kannst auf drei Arten und Weisen einen Bild-Bereich auswählen: <<<
<<<
    W. Spiegel, E-Mail: walter [dot] spiegel [at] web [dot] de