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

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

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

Спасибо


jquery rotation image-rotation
person SVI    schedule 20.06.2013    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Библиотеки не требуются, просто проверьте мою скрипту. Надеюсь, это поможет 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" />
person Rachit Doshi    schedule 20.06.2013
comment
Моя проблема не в самом вращении, проблема в том, что когда я поворачиваю изображение, оно будет вращаться вокруг своей центральной точки, и, конечно, ширина будет высотой, а высота будет шириной, поэтому всплывающее окно тоже должно изменить форму, чтобы соответствовать изображение в его границах.. - person SVI; 20.06.2013

arrow_upward
0
arrow_downward

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

person quattel    schedule 20.06.2013