Jquery ui旋转图像调整大小问题

时间:2012-05-02 14:47:16

标签: javascript jquery-ui resize rotation

我有一个问题,我正在使用jquery ui resizable。当我在chrome中旋转元素时,控件也会旋转,但是当我用手柄调整div的大小时,它们会被反转。我的意思是如果我使用sw控制,它以奇怪的方式行动,即我向顶部移动,图像变大,而在实际中它应该变小。这是旋转div的问题,而不是正常的。

这是js小提琴

http://jsfiddle.net/fahadnabbasi/2FLuf/11/

您将看到两个图像,一个旋转,一个正常。正常可以调整大小,旋转调整大小也可以调整大小但方向相反。尝试从右下角控件调整旋转图像的大小,您将看到问题。

1 个答案:

答案 0 :(得分:0)

我认为你需要jQuery UI Rotation http://vremenno.net/js/jquery-ui-rotation-using-css-transform/(它是俄语)。这是直接下载:http://vremenno.net/examples/jquery-ui-rotation/jquery.ui.rotation.zip

这是我制作的实现插件的小提琴:http://jsfiddle.net/MadLittleMods/4Vfm5/

包含插件后只需添加。您还可以添加父div并将其应用于.parent()

$('.resizable').rotatable();

以下是关于轮换的另一个主题:jquery rotation plugin - that works like jquery ui resize