Ver Mensaje Individual
  #6 (permalink)  
Antiguo 04/03/2013, 12:09
daicon
 
Fecha de Ingreso: julio-2010
Mensajes: 134
Antigüedad: 13 años, 10 meses
Puntos: 0
Respuesta: Efecto transacciónes entre diferentes página htmls

Cita:
Iniciado por emprear Ver Mensaje
Código HTML:
Ver original
  1. <title>Efecto</title>
  2.  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  3.  <script type="text/javascript">
  4. $(document).ready(function(){
  5. $('body').hide();
  6. $('body').fadeIn(2000);
  7. });
  8. </head>

Ponés eso en tu head, en cada página, primero cargás la librería jQuery
luego la script que,
oculta el body $('body').hide();
lo muestra haciendo un fade durente 2 segundos $('body').fadeIn(2000);
El 2000 podés cambiarlo x un valor mayor o menor

Saludos
Jolin, funciona perfecto, pero hay un pero....
Yo he diseñado la web para que tenga un encabezado y pie de pagina igual en las 4 paginas HTML que posee. Y cada vez que hago clic para cambiar, pega un pantallazo blanco (normal, ya que carga la pagina nueva), pero claro... con este efecto no queda bonito...

¿Qué tendría que hacer para evitar ese "pantallazo/parpadeo" blanco de cambio de pagina? LA idea es que el encabezado y el pie de pagina se mantengan, pero cambie el contenido de todo lo demás mediante el fade.

Si no me he explicado bien, subo la pag como la tenga ahora mismo, y enseño el efecto que ocurre.