jQuery – Cómo poder mover y redimensionar una imagen al mismo tiempo
Posted by | Posted in javascript, jQuery | Posted on 31-08-2010
2
Me he encontrado con un problema en mis inicios de jquery: quería poder redimensionar una imagen y al mismo tiempo también quería tener la posibilidad de moverla por la pantalla.
Utilizando el archivo de jquery.ui me las prometía muy felices, ya que simplemente creía que poniendo una de estas dos opciones funcionaría:
- $(“.nombreClase”).resizable().draggable();
- $(“.nombreClase”).resizable();$(“.nombreClase”).draggable();
Ahora puedo decir que ninguna de las dos anteriores funciona, es necesario separar estas dos acciones.
La solución válida será pues la siguiente:
- $(“.movible”).resizable().parent().draggable();
Y nada más, me vuelvo a enfrascar en el trabajo XD
Nota: Esta web fue la que me mostró el buen camino!!
Acabo de mirar en el plugin de photo tags (http://karlmendes.com/2010/07/jquery-photo-tag-plugin/) sí hace que un elemento sea resizable y draggable al mismo tiempo. A lo mejor será por la versión del jQuery y del UI, pero me parece raro que no funcione.
Lo primero es: Muchas gracias por contestar.
Decir que posiblemente puede que sea por la versión del UI. Hay cosas que no me acaban de convencer de los ejemplos que estoy viendo en su web (por ej: http://jqueryui.com/demos/position/cycler.html,
En los tres navegadores en los que lo he probado se comporta de una forma “extraña”).