Hola a todos,
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:
// 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;
}});
}
Una consulta de yapa, ¿alguna manera de reemplazar el "Easing" por una constante para controlar la velocidad?
Gracias :)