jQuery verifica o status de foco instantâneo antes de iniciar o gatilho
i crie um pequeno plug-in deslizante com jquery. as imagens deslizarão 5% da esquerda ou da direita quando o mouse estiver sobre a div de controle esquerda ou direita. Ao clicar, a imagem desliza para 100%
o problema é que, ao mover o mouse durante o slide completo da animação da esquerda para a direita, o controle div i coudnt verifica se o mouse está sempre sobre a esquerda div para acionar o evento mouseover novamente. o resultado é que a imagem da esquerda e da direita é mostrada em 5%.
Existe uma maneira de verificar o mouseover como est
if($(this).mouseover())
$(".right").trigger("mouseover");
o código de um controlador div é assim
$(".right",this).bind({
mouseover:function(){
if( vars.current == $("img").length-1 || vars.running) return false;
$("img:eq("+(vars.current+1)+")").removeAttr("style").css({position:"absolute",left:"100%","z-index":vars.current+1}).show().animate({left:"95%"}, {queue: false})
},
mouseleave:function(){
if( vars.current == $("img").length-1 || vars.running) return false;
$("img:eq("+(vars.current+1)+")").animate({left:"100%"}, {queue: false , complete:function(){ $(this).hide() } });
},
click:function(){
if( vars.current == $("img").length-1 || vars.running) return false;
vars.running = true;
$("img:eq("+(vars.current+1)+")").animate({left:"0%"}, {queue: false, complete:function(){
$("img:eq("+vars.current+")").hide();
$(this).css({"z-index":0})
vars.current++;
vars.running = false;
if($(this).mouseover())
$(".right").trigger("mouseover");
} } );
}
})
Eu uso o caminho da outra resposta ... mas é excluído ....
mouseover:function(){
isOver = 'right';
if( vars.current == $("img").length-1 || vars.running) return false;
$("img:eq("+(vars.current+1)+")").removeAttr("style").css({position:"absolute",left:"100%","z-index":vars.current+1}).show().animate({left:"95%"}, {queue: false})
},
mouseleave:function(){
isOver = false
if( vars.current == $("img").length-1 || vars.running) return false;
$("img:eq("+(vars.current+1)+")").animate({left:"100%"}, {queue: false , complete:function(){ $(this).hide() } });
},
click:function(){
if( vars.current == $("img").length-1 || vars.running) return false;
vars.running = true;
$("img:eq("+(vars.current+1)+")").animate({left:"0%"}, {queue: false, complete:function(){
$("img:eq("+vars.current+")").hide();
$(this).css({"z-index":0})
vars.current++;
vars.running = false;
if(isOver)
$("."+isOver).trigger("mouseover");
} } );
}
usando o var isOver eu poderia acionar a esquerda ou direita