jquery rotation plugin - that works like jquery ui resize

Question

I\'ve just noticed that something terrible is missing in jquery-ui. A way to rotate elements, not just drag \\ drop \\ resize them.

I am aware of a couple of plugins

Answer 1

Another possibility (and shameless plug - I too was missing this plugin and so wrote one) is jquery-ui-rotatable. You can use it something like this:

<script type="text/javascript">
    $(document).ready(function() {
        $('#target').rotatable();
    });
</script>

<div id="target">Rotate me!</div>

It can also be chained with other jQuery UI plugins. For instance:

$('#target').rotatable().draggable().resizable();

Answer 2

OMG, it's past a full year. Anyway...

I think the author of question was looking for something like this http://vremenno.net/js/jquery-ui-rotation-using-css-transform/

URL to script: http://vremenno.net/examples/jquery-ui-rotation/jquery.ui.rotation.zip

If you need, I can help you with translation of the article.

Answer 3

After 5 seconds of googling I found these plugins:

• http://code.google.com/p/jquery-rotate/
• http://code.google.com/p/jqueryrotate/

You might also be interested in http://www.useragentman.com/blog/csssandpaper-a-css3-javascript-library/ - It adds a lot of functionality to CSS via JavaScript.

Rotating was never part of CSS2, so all cross-browser solutions are mostly workarounds. Be careful while using it!