如何使用客户端解决方案旋转图像

Firefox、Safari和Opera支持:

-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);

position: absolute;
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

使用JS旋转元素:

var deg = 90
$('element').style.MozTransform = 'rotate(' + deg + 'deg)';
$('element').style.WebkitTransform = 'rotate(' + deg + 'deg)';

哇,根据 http://msdn.microsoft.com/en-us/library/ms532972%28VS.85%29.aspx 旋转适用于IE 5.5!

非常有趣的javascript解决方案: http://www.stableflow.com/downloads/jquery-plugins/360-degrees-product-view/ 想象一下,你正在经营一家商店或博客,向用户展示你的产品。该解决方案允许您节省空间,并通过脚本以非常逼真的形式呈现产品视图。它允许人们忘记flash(但并非所有移动设备都支持flash)。 您需要利用的是:

• 使用说明设置插件
• 为每个产品创建并添加一系列图像(图像越多,旋转效果越好)

对我来说真的很管用。在Android手机(lgp500)、iPad和ipodtouch上也进行了测试。

here Wikipedia ),因此FF、Safari和Chrome支持它。不太清楚IE8。