jquery – 在每个浏览器中使div可旋转

首先我见过 Rotating a Div Element in jQuery,但它并没有给我我想要的解决方案.

我有一个带有可拖动div的div.

所以在divs sleep中有一个div(bord)和div(class sleep)的图像是缩放到div的100％宽度和高度(保持纵横比)的图像.

div是可调整大小和可拖动的.

我希望图像(div)能够与右上角的处理程序一起旋转,就像在右下角调整大小一样.

目前,在div板中的1个html图像看起来像.

<div class="ui-draggable sleep ui-resizable" style="position: absolute; z-index: 1; left: 125px; top: 46px;">
  <img src="/imgurl.jpg" class="center">
  <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
  <div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
  <div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
</div>

可拖动/可调整大小的项目的Jquery

.draggable({stack: ".sleep",containment: '#bord' })
    .resizable
    ({Containment:'#bord',aspectRatio: truE})
    .css({position: 'absolute'})

我想让它在每个浏览器中都可以旋转.

有人能以正确的方式帮助我吗？

编辑更清晰的问题：

我想要一个丢弃的div可以在这个网站上旋转：http://mydeco.floorplanner.com/rooms/moodboard/

我正在制作看起来像那个网站的东西：我有可以删除图像的div.

在下降之后,我希望它们可以与处理程序一起旋转.

我已经使div可以调整大小和可拖动.见上面的代码.

但是我没有想法在哪里开始可以转动为什么我发布了这个问题.

我没有举例说明我不知道从哪里开始.

我做了一个测试页面,我有点吵闹,但它不能正常工作.

您可以单击左侧的其中一个图像.

然后他们标有白色边框然后点击

Omhoog Rechts Omlaag链接改变方向.但我希望他们转向处理程序而不是按钮.

有超过600行代码,其中大多数是PHP和jquery我试图制作一个小提琴,但它的代码很多.所有jquery都可以在源代码中查看.