The first I saw Rotating the Div element in jQuery , but it did not give me the solution I wanted.
I have a div with draggable divs in it.
so the 1 main div (board) with divs in it (sleep class) in sleep mode is images that are scaled to 100% of the width and height of the div (keeping the aspect ratio).
Shared and draggable divs.
I want the images (divs) to be able to rotate using the handler in the upper right part, as when resizing in the lower right corner.
At the moment, the html image looks like with 1 discarded image on the board.
<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 for draggable / resizable elements
.draggable({stack: ".sleep", containment: '#bord' })
.resizable
({containment:'#bord',aspectRatio: true})
.css({position: 'absolute'})
I want it to rotate in EVERY BROWSER.
Can someone help me right?
:
, div : http://mydeco.floorplanner.com/rooms/moodboard/
- : divs , .
, .
divs droppable resizable draggable. . .
, , .
, , .
, , .
.
,
Omhoog Rechts Omlaag . , , .
600 , php jquery tryd, , . jquery .