bilder mit JS drehen

[koli.bri]

Hallo.

gibt es ein JS-Framework oder eine funktion, mit der man HTML-Elemente, in meinem Beispiel Bilder, drehen kann?
Also Schrittweise um n Grad.

gruß
Lukas


Problem ist im Grunde gelöst, weitere Infos in Post #7

 

[Rothlicht]

Wäre es nicht einfacher die Bilder vorher in einem Bildbearbeitungsprogramm z. B. Graphic-Converter oder PS "gradweise" zu drehen und dann einfach einzubinden?

 

[koli.bri]

Wäre es nicht einfacher die Bilder vorher in einem Bildbearbeitungsprogramm z. B. Graphic-Converter oder PS "gradweise" zu drehen und dann einfach einzubinden?

Nein.
weil die Bilder beim Clienten als Effekt gedreht werden sollen.

(Bitte keine Disskussion über sinn und Unsinn von sowas. )

 

[Rothlicht]

Schade. Wäre auch zu einfach gewesen

Hab hier was gefunden, was man vielleicht "umbauen" könnte:
http://www.teialehrbuch.de/Kostenlose-Kurse/JavaScript/12896-Ein-sich-drehendes-Bild.html

Mußt du halt die Bilder trotz alledem erst in nem Bilbearbeitungsprogramm erstellen mit den verschiedenen Gradwinkeln und dann dort hinterlegen und dann dreht sich das Bild live per Javascript.

 

[msslovi0]

Für jQuery gibt es eine entsprechende Erweiterung:
http://code.google.com/p/jquery-rotate/

 

[koli.bri]

Für jQuery gibt es eine entsprechende Erweiterung:
http://code.google.com/p/jquery-rotate/

Funktioniert im FF einwandfrei, allerdings Safari spielt nicht ganz mit.
In meiner Testdatei wandert der Link aufgrund der Rotation zwar hin und her, aber das Bild erscheint nicht

Ich guck mal, was sich da machen lässt.
Aber definitiv ein dickes DANKE!

 

[koli.bri]

Was ich noch zu dem Thema gefunden hab:
Das jquery-Script macht das ganza anhand des "canvas"-HTML-Objekts aus HTML Version 5.

Hier ein Tutorial:
http://developer.mozilla.org/en/docs/Canvas_tutorial
Einziges Problem, was ich habe: Da steht zwar, dass die Demos auch mit Safari laufen, aber irgendwie sind das nicht alle...

Dann:
http://developer.apple.com/document...vas.html#//apple_ref/javascript/Canvas.rotate
Denn ursprünglich wurde das "canvas"-Objekt fürs Dashboard entwickelt, und erst später dann auch in Safari eingegliedert.
Deshalb bin ich umso verwunderter, dass Safari sich da querstellt.

Und zu guter Letzt noch ein Artikel der Englischen Wikipedia dazu:
http://en.wikipedia.org/wiki/Canvas_(HTML_element)


gruß
Lukas, der sich jetzt ausgiebig mit dem Kram beschäfftigen wird

 

[koli.bri]

Ach, und falls wer noch ein Tutorial für Canvas mit Safari (bzw. der Safari Engine, die ist ja in mehreren Browsern drin), kennt, mag er es bitte Posten.
Das von der Mozilla-Seite hat einige Beispiele, die mit Safari nicht gehen, und das vom ADC ist im Grunde nur eine Übersicht über die Methoden.

gruß
Lukas