Вращение изображения по всплывающему окну

Question

У меня есть всплывающее окно с именем braviPopUp, которое я использую для показа изображений. Я также вращаю эти изображения, используя библиотеку jqueryrotate, однако при попытке повернуть изображение с помощью этой функции: $('#img').rotate({ animateTo: 90}); Я меняю ширину окна всплывающего окна до ширины изображения после вращения, но изображение вращается по центру и всплывающее окно остается там, где оно есть, что приводит к двум выделенным объектам. Я попытался переместить изображение в точном месте всплывающего окна без успеха и наоборот.

Что мне делать? Есть ли библиотека, которая будет служить тому, что я хочу?

Благодаря

Answer 1

Я успешно использовал эту библиотеку, чтобы вращать изображения: https://github.com/louisremi/jquery.transform.js. Надеюсь, поможет.

Answer 2

Нет библиотеки не requried, просто проверить мою скрипку Надеюсь, что это помогает http://jsfiddle.net/ZZ28s/

<img class="imageView" src="http://fc02.deviantart.net/fs70/i/2012/164/6/2/ej_colored_doodle_by_sweetwatermelonsweet-d53b5tq.jpg" style="max-width:350px;max-height:350px;"></img> 
<input type="hidden" id="angleInput" value="90" /> 
<input type="button" value="Rotate Right Side" id="right" /> 
<input type="button" value="Rotate Left Side" id="left" />