2011-02-06 10 views
6

Ho appena notato che manca qualcosa di terribile in jquery-ui. Un modo per ruotare gli elementi, non solo drag \ drop \ ridimensionarli.plug-in rotazione jquery - che funziona come jquery ui ridimensiona

Sono a conoscenza di un paio di plugin là fuori per dare la possibilità di ruotare le immagini. Sebbene se si noti, tutti questi plugin sono non supposti per dare all'utente finale la possibilità di ruotare le immagini, ma il web master. Sto cercando qualcosa che viene fornito con una maniglia (simile al manico jquery-ui)

C'è un modo per incorporare questa funzionalità nel mio progetto web? Ci sono dei buoni plugin là fuori che conosci?

Grazie

+1

se non si cura di IE7-8 è possibile utilizzare fabric.js https://github.com/kangax/fabric.js/ – Zevan

risposta

4

Dopo 5 secondi di googling ho trovato questi plugin:

Potreste anche essere interessati a http://www.useragentman.com/blog/csssandpaper-a-css3-javascript-library/ - Si aggiunge un sacco di funzionalità a CSS tramite JavaScript.

La rotazione non è mai stata parte dei CSS2, quindi tutte le soluzioni cross-browser sono per lo più soluzioni alternative. Fai attenzione mentre lo usi!

+1

grazie, io sono a conoscenza di questi. Anche se notate che tutti questi sono supposti per dare all'utente la possibilità di ruotare le immagini, ma il web master3. Sto cercando qualcosa che viene fornito con una maniglia (simile al manico jquery-ui). Non riesco a trovare nulla del genere – vondip

+1

Ah, ok. Forse potresti aggiungere queste informazioni alla tua domanda :-) – marekventur

+1

Forse questo potrebbe essere utile: http://stackoverflow.com/questions/3438568/jquery-css-rotate-div-by-drag-mouse-event/3438798#3438798 – marekventur

8

Un'altra possibilità (e la spina spudorata - anche a me mancava questo plug-in e ne ho scritto uno) è jquery-ui-rotatable. Puoi usarlo in questo modo:

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

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

Può anche essere concatenato con altri plugin di jQuery UI. Per esempio:

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

Plugin interessante per +1, ma è possibile aggiungere il codice pertinente al corpo della risposta, collegare solo le risposte che tendono a essere eliminate – apaul

+0

Buona idea! Fatto così ora. – godswearhats

+0

Wowrk piacevole, solo il problema che ho durante la rotazione, non posso ruotare dal centro dell'elemento, per favore date un'occhiata http://www.zalepime.com/zalepime_zid.html –