Grafik rotieren lassen via HTML?

[noirlama]

Hallo HTML Forum,

ich wollte mal wissen, ob es denn möglich ist, eine Grafik kontinuirlich rotieren zu lassen? Wollte das zuerst über Flash machen, doch dann dacht ich mir, dass es evtl mit HTML (5) und CSS geht (und wenn ja wie =) )?

Grüße
Noirlama

 

[Sempervivum]

Wie soll denn die Grafik rotieren, so:
Flippy a jQuery flip effect plugin
oder so wie man sie mit einer Bildbearbeitung dreht:
jqueryrotate - jQuery plugin that rotate images (and animate them) by any angle - Google Project Hosting
? Beide Skripts kann man so erweitern, dass eine kontinuierliche Drehung zustand kommt.

 

[noirlama]

Tschuldingung, vielleicht hab ich es schlecht beschrieben, die Grafik soll ständig rotieren, etwa wie der Skundenzeiger einer Rolex =)

 

[Sempervivum]

So hatte ich es auch verstanden. Man muss die Skripts natürlich erweitern, damit eine kontinuierliche Drehung zustande kommt. Dazu kann man die Funktion setInterval() gut gebrauchen:
SELFHTML: JavaScript / Objektreferenz / window
Hier beim Example 3 kannst Du sehen, wie es geht:
http://code.google.com/p/jqueryrotate/wiki/Examples

 

[noirlama]

Danke dir schon mal für die Hilfe!

Geht das ganze evtl auch nur via HTML + CSS? Oder ist ein Skript dafür benötigt?

 

[Sempervivum]

Mit den Animationen von CSS kenne ich mich leider nicht aus. Vielleicht meldet sich da noch jemand, der dir weiterhelfen kann.

 

[Tronjer]

Für CSS3 würden sich die Attribute transform oder animation anbieten, und wenn du die mit infinite aufrufst, erhältst du auch eine kontinuierliche Drehung.