Bueno, recién empiezo a usar javascript y aunque en general lo he podido hacer funcionar, ya me atoré con algo.
Estoy haciendo la página para un cliente y me pidió que el contenido de cada seccion entre como fadein al cambiar de una a otra. Sólo la parte del "main" entra como transición, es decir, el "header" y el "footer" están estáticos.
Usé el siguiente código dentro de <head></head>:
Código:
<script type="text/javascript" language="JavaScript" src="jquery-1.5.1.js"></script>
<script type="text/javascript" language="JavaScript">
$(document).ready(function() {
$("div.main").css("display", "none");
$("div.main").fadeIn(2000);
$("a.transicion").click(function(event){
event.preventDefault();
linkDestino = this.href;
$("div.main").fadeOut(1000, redireccionarPag);
});
function redireccionarPag() {
window.location = linkDestino;
}
});
</script>
Donde "div.main" es la parte del contenido que quiero que haga fadein.
El problema viene después. Al moverme entre las secciones primero hay un flashazo, es muy rápido, a veces casi imperceptible, del contenido de "div.main" e inmediatamente después se borra y es entonces cuando entra como fadein. ¿Por qué puede estar pasando esto? ¿tendrá que ver con la conexión de internet?
Agradecería si alguien me puede guiar con lo que estoy haciendo mal :)