Dentro de un iframe tengo un botón que hace rotar un elemento que también está dentro del iframe. La cuestión es que cuando mantengo precionado el primario y me voy lejos del botón, la funcion queda activata y el elemento sigue rotando.
Esto sucede tanto fuera como dentro del Iframe.
Probé cambiar las funciones, como mouseleave() pero la verdad es que no hacer para que actue sobre la otra función que se está ejecutando, como con JS no me llevo muy bien, con JQuero menos, ¿podrian darme una mano?
Código:
Una consulta de yapa, ¿alguna manera de reemplazar el "Easing" por una constante para controlar la velocidad?// ACCIÓN GIRO $(".giro").mousedown(function(grade){ if(estado==""){ rotation(); }else{ rotacion(grade); } }); // PASAR DATA $(".giro2").mouseup(function(){ $("#img").stopRotate(); estado="detenido"; grade= $("#img").getRotateAngle(); ngrade=parseInt(grade); $("#img").attr("degrees",ngrade); $("#log").attr("value",ngrade); $.ajax({ // GUARDAR EN url: "angulo.php", // VARIABLES data: {grados: ngrade, iduso: iduso, size: size}, type: "POST", statusCode: { 404: function() { alert("?"); } }, success: function(vr){ if(vr != ""){ eval(vr); } } }); }) var rotation = function(){ $('#img').rotate({ angle:0, animateTo:-360, duration: 12000, callback: rotation, // EASING LINEAL easing: function (x,t,b,c,d){ return c*(t/d)+b; }}); } function rotacion(gradoa){ $('#img').rotate({ angle:gradoa, animateTo:-360, duration: 12000, callback: rotation, // EASING LINEAL easing: function (x,t,b,c,d){ return c*(t/d)+b; }}); }
Gracias :)