problema con una bandera

[javicruzgv]

Buenas, estoy programando un visor de fotos y me gustaria que el boton solo actiuase cuando haya acabado de realizar la acción. he programado una bandera para controlarlo pero no funciona, antes de acabar la acción ya ha modificado el valor de la bandera, por lo que memoriza pulsaciones y no hace lo que yo quiero. Os mando el código por si tenéis alguna idea.

Código:

var movimiento=0;

function siguiente(){
	if (movimiento==0){
		movimiento=1;
		if($("#desplazamientoVisor").css("marginLeft")!=ancho){
			$("#desplazamientoVisor").animate({marginLeft:"-=1600px", },500);
		}else{
			$("#desplazamientoVisor").animate({marginLeft:"0px", },1000);
		}
		movimiento=0;
	}
}

Muchas gracias.

[eZakto]

Tienes que utilizar un callback dentro de la función animate(), que se ejecuta al finalizar la animación:

Código Javascript:

var movimiento=0;
 
function siguiente(){
    if (movimiento==0){
        movimiento=1;
        if($("#desplazamientoVisor").css("marginLeft")!=ancho){
            $("#desplazamientoVisor").animate({marginLeft:"-=1600px", },500, function(){
                    movimiento=0;
            });
        }else{
            $("#desplazamientoVisor").animate({marginLeft:"0px", },1000, function(){
                    movimiento=0;
            });
        }
    }
}
 

Saludos.

[javicruzgv]

sigue sin funcionar, gracias de todas formas.

[javicruzgv]

Si que funciona, perdona fallo mio. Gracias de nuevo