Felix Riesterer: Bild dreht sich mit der Maus

Beitrag lesen

Lieber ritschmanhard,

Ansatz 1:
Kombination von Javascript und dynamischem HTML:

...finde ich besser, als auf Plugins (Flash) zurückzugreifen.

zuerst werden die gemalten (z.B. gradweise => 360) verschiedenen Bilder mittels Javascript in ein Array gespeichert.

Besser: Alle Bilder übereinander in einem Bild ablegen und dieses eine Bild anstatt der 360 Bilder verwenden.

Über einen Eventhandler kann nun die Mausposition ermittelt, der Winkel zum Kompassmittelpunkt berechnet und das entsprechende Bild aus dem Array angezeigt werden.

Anstatt "Bild aus dem Array" kann man auch eine Bildposition errechnen lassen, die dann mittels der CSS-Eigenschaft "background-position" von Javascript eingestellt wird.

Vorteil: Geht auf allen neueren Browsern

Meines Wissens geht das sogar auf IE5er-Varianten.

Nachteil: 360 Bilder für die Navigation zu übertragen ist suboptimal

Daher verwenden wir nur ein Bild.

Liebe Grüße aus Ellwangen,

Felix Riesterer.

--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)