nicht angemeldet
Hi Alex!
Also, wenn ich das richtig verstehe: du hast das Bild eines Kompasses; und nun bewegst du den Maus Cursor um diesen Kompass herum.
Dabei soll sich nun das Bild ändern und die Kompassnadel in Richtung des Cursors zeigen?
Hierfür verschiedene Ansätze:
Ansatz 1:
Kombination von Javascript und dynamischem HTML:
zuerst werden die gemalten (z.B. gradweise => 360) verschiedenen Bilder mittels Javascript in ein Array gespeichert. Über einen Eventhandler kann nun die Mausposition ermittelt, der Winkel zum Kompassmittelpunkt berechnet und das entsprechende Bild aus dem Array angezeigt werden.
Vorteil: Geht auf allen neueren Browsern
Nachteil: 360 Bilder für die Navigation zu übertragen ist suboptimal
Ansatz 2:
Mittels Javascript und SVG lässt sich sowas sicher auch realisieren.
Vorteil: Verwendung aktueller Technik ohne Datenoverhead
Nachteil: SVG wird nicht immer gut unterstützt; insbesondere der IE hat meines Wissens gar keinen SVG support
Ansatz 3:
Mittels dynamischem HTML, Javascript, einer Textarea (mit Fontsize = 1) und einigen kleinen Tricks kann man auch Clientseitig einfache Grafiken erzeugen. Dies ist jedoch keinesfalls standardkonform und deshalb mit vorsicht zu genießen.
Grüsse,
Richard
JürgenB