2009-02-26 3 views
1

Ich habe ein paar JavaScript-Image-Rotatoren gesehen, die entweder das HTML5-Canvas-Element oder einen AJAX-Aufruf für ein serverseitiges Skript verwenden, aber ist es möglich, dies ohne diese Methoden zu tun? Der Internet Explorer unterstützt kein Canvas (ich kenne Exvanvas, auf die ich aber gerne verzichten möchte) und ich bin mir nicht sicher, ob AJAX flüssig genug sein wird. Wenn es einen Weg gibt, gibt es Open-Source-Skripte, Beispiele oder Ressourcen, auf die Sie mich hinweisen könnten?Kann ein Bild von JavaScript ohne Canvas oder AJAX gedreht werden?

+0

Gleiche Frage: http://stackoverflow.com/questions/365532/roating-an-image-in-all-browser-canvas-in- – Chuck

+0

Es ist nicht ganz dasselbe. Ich suche speziell nach einer Möglichkeit, es ohne Leinwand zu machen, während ich denke, dass er nur etwas will, das funktioniert. – VirtuosiMedia

Antwort

4

Leider unterstützt CSS keine rotierenden Bilder in irgendeiner Form oder Form (außer Sie zählen CSS Transforms, die nur von Safari 4 und Firefox 3.1 unterstützt werden).

Verwenden Sie am besten Raphael 's image() und rotate(), die alle semi-modernen Browser (mit SVG) und die meisten Versionen von IE (mit VML) unterstützen sollten.

+0

+1 für Raffaels Skript. Das hatte ich vorher nicht gesehen. – VirtuosiMedia

+0

CSS-Transformationen werden nun weitgehend unterstützt, falls jemand in der Zukunft darauf stolpert. – maxshuty

0

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. Probleme wie diese sind der Grund, warum das Canvas-Tag überhaupt erstellt wurde.

+0

Danke. Ich hatte das Skript schon einmal durchgelesen, war mir aber nicht sicher über die Methode oder wie es sich gegen Fotos etc. behaupten würde. – VirtuosiMedia