2011-02-06 29 views
6

Tôi vừa mới nhận thấy có điều gì đó khủng khiếp bị thiếu trong jquery-ui. Một cách để xoay các phần tử, không chỉ kéo \ thả \ thay đổi kích thước chúng.plugin xoay jquery - hoạt động như jquery ui thay đổi kích thước

Tôi biết một vài plugin ngoài đó để cung cấp khả năng xoay hình ảnh. Mặc dù nếu bạn nhận thấy, tất cả các plugin này là không phải là nghĩa vụ phải cung cấp cho người dùng cuối khả năng xoay hình ảnh, nhưng chủ web. Tôi đang tìm thứ gì đó đi kèm với tay cầm (tương tự như tay cầm jquery-ui)

Có cách nào để kết hợp chức năng này vào dự án web của tôi không? Có bất kỳ plugin bổ sung nào mà bạn biết không?

Cảm ơn

+1

nếu bạn không quan tâm đến IE7-8 bạn có thể sử dụng fabric.js https://github.com/kangax/fabric.js/ – Zevan

Trả lời

20

OMG, đã quá một năm. Dù sao ...

Tôi nghĩ rằng tác giả của câu hỏi đang tìm kiếm một cái gì đó giống như URL http://vremenno.net/js/jquery-ui-rotation-using-css-transform/

này để kịch bản: http://vremenno.net/examples/jquery-ui-rotation/jquery.ui.rotation.zip

Nếu bạn cần, tôi có thể giúp bạn với bản dịch của bài viết.

+2

Plugin tuyệt vời - cảm ơn! –

+0

Google Dịch f hoặc chiến thắng! –

4

Sau 5 giây googling tôi thấy các plugin:

Bạn cũng có thể quan tâm http://www.useragentman.com/blog/csssandpaper-a-css3-javascript-library/ - Nó cho biết thêm rất nhiều chức năng sang CSS qua JavaScript.

Xoay không bao giờ là một phần của CSS2, vì vậy tất cả các giải pháp trình duyệt chéo hầu hết là giải pháp thay thế. Hãy cẩn thận trong khi sử dụng nó!

+1

cảm ơn bạn, tôi biết điều này. Mặc dù nếu bạn nhận thấy tất cả những điều này là giả sử để cung cấp cho người dùng khả năng xoay hình ảnh, nhưng web master3. Tôi đang tìm một cái gì đó mà đi kèm với một xử lý (tương tự như xử lý jquery-ui). Không thể tìm thấy bất kỳ nội dung nào như vậy – vondip

+1

Ah, ok. Có thể bạn có thể thêm thông tin này vào câu hỏi của mình :-) – marekventur

+1

Có thể điều này có thể hữu ích: http://stackoverflow.com/questions/3438568/jquery-css-rotate-div-by-drag-mouse-event/3438798#3438798 – marekventur

8

Một khả năng khác (và cắm không biết xấu hổ - Tôi cũng đã thiếu plugin này và do đó đã viết một) là jquery-ui-rotatable. Bạn có thể sử dụng nó như sau:

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

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

Nó cũng có thể bị xâu chuỗi với các plugin giao diện người dùng jQuery khác. Ví dụ:

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

+1 plugin tuyệt vời, nhưng bạn có thể muốn thêm mã có liên quan vào phần thân câu trả lời, các câu trả lời chỉ liên kết có xu hướng bị xóa – apaul

+0

Ý tưởng hay! Đã xong rồi. – godswearhats

+0

Đẹp wowrk, chỉ có vấn đề tôi có khi quay, tôi không thể xoay từ trung tâm của các yếu tố, xin hãy xem http://www.zalepime.com/zalepime_zid.html –

Các vấn đề liên quan