Buenas, estoy haciendo una web para la venta de carros, tengo el siguiente problema, todas las imagenes de los carros aparecen en el inicio y estoy tratando de que al pasar el mouse por encima, haga un blur con las caracateristicas de los vehiculos, cuando paso el mouse lento, o a una velocidad normal funciona de maravilla, el problema sucede cuando paso el mouse muy rapidamente, el blur se queda pegado y no se quita como deberia con el mouseout, he intentado de todo y ya no se me ocurre que mas hacer.
estas son las funciones para mostrar y quitar el blur:
function mostrarBlur(e){
e.currentTarget.parentNode.getElementsByTagName("d iv")[0].style.display = "block";
e.currentTarget.parentNode.getElementsByTagName("d iv")[0].focus();
}
function ocultarBlur(e){
e.currentTarget.style.display = "none";
}
y estas las llamadas:
elementoDiv.addEventListener("mouseout",function(e ){ocultarBlur(e)});
elementoImg.addEventListener("mouseover",function( e){mostrarBlur(e)});
Si alguien sabe que problema tengo y cual seria la mejor solución y me lo puede comentar. Se lo agradeceria mucho. Saludos
