printlogo
http://www.ethz.ch/
Web Content Management Demo
 
print
  

Imagemap

Mit dieser Funktion werden spezielle, z.B. klickbare Bereiche in Bildern definiert.

Legen Sie das gewünschte Bild im Silva auf gleicher Hierarchiestufe wie das anzeigende Dokument z.B. unter dem Namen imagemap.gif ab.

Erstellen Sie im anzeigenden Dokument eine External Source namens „imagemap“. Wählen Sie in „Name of the image“ den Namen des oben angelegten Bildes.

ausschnitt
Ausschnitt Kt. ZH (Umrandung!)

In „map for the image“ erstellen Sie Bereichsdefinitionen, deren Angaben Sie einem Grafikprogramm entnehmen können (Photoshop, GraphikConverter, siehe Fenster Koordinaten einblenden). Die Bereichsdefinition kann z.B. so aussehen:


Im Bild rechts sehen Sie die ungefähre Fläche dieser Koordinaten:

<area shape="rect" coords="200,22,247,79" 
href="areale/areale_zh" target=""> 
<area shape="rect" coords="1,1,252,375" 
href="areale/areale_ausserhalb" target="">

exts_imagemap
schild

Mit einer zusätzlichen title-Angabe können Schilder erstellt werden, siehe Bsp. rechts, welche beim Drüberfahren mit der Maus erscheinen. Hier wurde für den Pfad übrigens eine vollständige URL gewählt.

<area shape="rect" coords="200,22,247,79" 
href="http://www.zuerich.ch/"  
title="Areale in Zürich" target="">

Wählen Sie jetzt die Schaltfläche „update source“.

Fährt die Maus nun über im Bild definierte Bereiche, so erscheint der Pfad in Ihrer Statuszeile, siehe Beispiel unten:

(URLs in Links teilweise nicht existierend)

 

Wichtiger Hinweis:
Diese Website wird in älteren Versionen von Netscape ohne graphische Elemente dargestellt. Die Funktionalität der Website ist aber trotzdem gewährleistet. Wenn Sie diese Website regelmässig benutzen, empfehlen wir Ihnen, auf Ihrem Computer einen aktuellen Browser zu installieren. Weitere Informationen finden Sie auf
folgender Seite.

Important Note:
The content in this site is accessible to any browser or Internet device, however, some graphics will display correctly only in the newer versions of Netscape. To get the most out of our site we suggest you upgrade to a newer browser.
More information

© 2024 Informatikdienste | Impressum | Disclaimer | 23.6.2005
top