Завъртане на изображението в изскачащ прозорец

Имам изскачащ прозорец, наречен 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