Ocultar página web tras una portada que se desvanece

Topic created · 11 Mensajes · 991 Visitas
  • 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
  • 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/

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

  • 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

  • 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.

  • 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]: #

  • 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 😕

  • 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!

  • 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.

  • 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