图片的向左转向右转

新浪微博是个非常棒的产品。但不是说它方方面面都设计得非常棒了。

最近几天在做图片的JS效果,涉及到图片的旋转。一点想法,记录如下。

用户需要看到的是什么:一张照片,而且是一张摆正的照片。
情景:很多照片是横着拍的,上传之前没有编辑过。
如何解决这个问题?

1. facebook很聪明,很多相机里有重力传感器,EXIF信息里有说,哪个方法是正确的,于是在上传之后,就自动把它摆正了。
2. 新浪微博也很聪明,它提供了一个图片旋转的功能。如下图。

当然facebook也有提供这个功能。

但如果是我来设计,我一定只会留下一个“旋转图像”的button/link,而不会放两个“左转”和“右转”。因为我实在搞不清楚这张图片到底应该左转还是右转。反正怎么转都能转到我想要的样子,那为什么我要去想要朝哪个方向转呢?

Don’t let me think.

另外,想知道怎么旋转的,请查看Google Code下的jquery-rotate项目。新浪的JS也是在这个项目的基础上修改的。IE下要在图片外加一个容器比较好。damn IE… 😈

Copyright © 2010. All Rights Reserved.

发表评论

电子邮件地址不会被公开。 必填项已用*标注