Kann ein Bild von JavaScript ohne Leinwand oder AJAX gedreht werden?

Question

Ich habe eine paar JavaScript Bildrotatoren gesehen, die entweder das HTML5-Canvas-Element oder einen AJAX-Aufruf zu einem serverseitigen Skript zu verwenden, aber es ist möglich, es zu tun, ohne dass diese Methoden zu verwenden? Internet Explorer unterstützt nicht die Leinwand (ich bin mir dessen bewusst excanvas, aber ich möchte, ohne wenn möglich zu tun) und ich bin nicht sicher, ob AJAX flüssig genug sein wird. Wenn es einen Weg gibt, gibt es Open-Source-Skripte, Beispiele oder Ressourcen, die Sie mir zeigen könnte?

Answer 1

Ach, CSS unterstützt keine Bilder in irgendeiner Weise oder Form drehen (es sei denn, Sie CSS Wandelt , die nur von Safari 4 und Firefox 3.1).

unterstützt werden

Ihre beste Wette ist zu Raphael 's Bild () und drehen () zu verwenden, die alle halb unterstützen sollte moderner Browser (unter Verwendung von SVG) und die meisten Versionen von IE (mit VML).

Answer 2

Die jQuery-Plugin funktioniert in allen gängigen Browsern, einschließlich IE: http://wilq32.googlepages.com/wilq32 .rollimage222 . Es nutzt excanvas, aber zumindest können Sie beurteilen, ob diese Methode für Ihre Zwecke gut genug ist.

Answer 3

Google ist dein Freund: http://www.walterzorn.com/rotate_img/rotate_img.htm

Aber der Nachteil dieser Technik (wie erwähnt) ist, dass es Hacks verwendet, indem eine große Anzahl von DIVS eingefügt, so dass es dem Browser ein gutes Stück verlangsamen könnte. Verwenden Sie mit Vorsicht zu genießen. Probleme wie diese sind, warum der Leinwand-Tag in erster Linie erstellt wurde.

Answer 4

Ja, über CSS-Transformation:

 var degree=180;
 document.getElementById('image_name').style.transform='rotate('+degree+'deg)';