Ocultar página web tras una portada que se desvanece

Salvatore

Bueno, en CCTW alguien preguntó cómo hacer para que la web estuviese oculta tras una imagen, que se iba desvaneciendo y dejaba paso a la web. Os dejo aquí también una posible solución sin flash ni redirecciones, en javascript:

Por un lado, index.html

![](http://universojuegos.es/img/UJ.png)

Hola, esta es la web.[br].[/br]
Siento haberte hecho esperar :P

Por otro, fade.js (cogido de un blog):

// JavaScript Document
var TimeToFade = 1000.0;

function fade(eid)
{
  var element = document.getElementById(eid);
  if(element == null)
    return;
   
  if(element.FadeState == null)
  {
    if(element.style.opacity == null 
        || element.style.opacity == '' 
        || element.style.opacity == '1')
    {
      element.FadeState = 2;
    }
    else
    {
      element.FadeState = -2;
    }
  }
    
  if(element.FadeState == 1 || element.FadeState == -1)
  {
    element.FadeState = element.FadeState == 1 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
  }
  else
  {
    element.FadeState = element.FadeState == 2 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade;
    setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);
  }  
}

function animateFade(lastTick, eid)
{  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
  
  var element = document.getElementById(eid);
 
  if(element.FadeTimeLeft

Salvatore

si esos dos códigos los pegas en 2 archivos con los nombres que he puesto, y abres el index.html con el navegador, lo ves jeje. No hace falta subirlo. Pero aqui lo tienes:
[http://universojuegos.es/pruebas/][0]">[http://universojuegos.es/pruebas/][1]

[0]: <a href=
[1]: http://universojuegos.es/pruebas/

Anghios

Hostia hamygo, que guapo, implementalo aquí! =OO

Kar Rak

Está bastante wapo, si haces una buena portada para la web quedaría wapisimo, con algo menos de retraso o un link para los impacientes xD

Salvatore

estoy creando una cookie en javascript, para que no muestre siempre esa presentación. Que la muestre como mucho 1 vez al día a cada usuario. Toy en ello, ya casi está jeje.
No creo que lo ponga, es un efecto estético que según todas las estadísticas lo que consigue es aumentar el número de abandonos al entrar en la web xD
Hace años lo de poner una portada a la web era muy típico, hasta que la gente se dió cuenta que quitando la portada llegaban más visitantes jejeje
Encima no ayudaba en el posicionamiento en buscadores.

Este sistema en vez de mostrar una web de portada y otra web con contenido, usa javascript y no cambia de página. Es mejor, pero no deja de ser un simple efecto visual. No creo que lo ponga en esta web.

Bueno, sigo con lo de la cookie.

Salvatore

listo, ya solo sale el efecto una vez al día por visitante:
[http://universojuegos.es/pruebas/][0]">[http://universojuegos.es/pruebas/][1]

El código fuente del index:

Hola, esta es la web.[br].[/br]
Siento haberte hecho esperar :P
[Borrar cookies][2]

[0]: <a href=
[1]: http://universojuegos.es/pruebas/
[2]: #

Anghios

A mi no me sale nada :S
Solo un link que pone "Borrar cookies", le doy y se me añade un "#" a la URL pero no hace nada

Salvatore

que no hace nada... serás gurriato. Al darle al enlace, te borra la cookie.Con lo cual cuando vuelvas a entrar, te saldrá el efecto de siempre xD
Recarga la página!

divitix

Es curioso, la verdad es que me gusta, pero en Chrome 7 ni en el Explorer 8 funciona, solo lo pude visualizar en mozilla firefox.

Anghios

Cojonudo... será eso ¡¡gurriato tuuu e___e!!
bajo el firefox y le echo un vistazo

hr
Ya lo vi, tiene buen aspecto, es decir, que queda bien, pero estaría guay que cada día diera un mensaje diferente sobre alguna novedad o lo que sea.
También que te de el mensaje cuando te loguees en el foro, y que sea 1 o 2 segundos. Que si no cansa xD