Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 3 de 3

Tema: Cuenta atras en JS con aparicion de Imagen

  1. #1
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    20 mar, 12
    Mensajes
    1
    Poder de Reputación
    0

    Cuenta atras en JS con aparicion de Imagen

    Hola, les cuento que tengo una pagina web y le puse una cuenta atrás que encontré por Internet y lo que queria hacer y no pude, es que vaya apareciendo una img a medida que se va acabando la cuenta atras... me explico mejor

    yo tengo el contador en 100 dias, y quiero que a medida que se acerque a la fecha la img vaya ganando opacidad hasta que sea totalmente visible, cuando recien empieze que tenga opacidad 0 y a medida que se acerca a la fecha designada la opacidad vaya aumentando...

    Si pudieran ayudarme se los agradeceria... por si tienen que ver el JS les dejo la pagina aca

    http://dontlookback.hostoi.com/js/countdown.js

  2. #2
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    17 ene, 09
    Ubicación
    argentina
    Mensajes
    472
    Poder de Reputación
    11
    me dice "alerta virus" al seguir tu enlace...

  3. #3
    Me va gustando esto... Habitante
    Fecha de Ingreso
    28 abr, 08
    Mensajes
    68
    Poder de Reputación
    10
    Buenas,

    Te he hecho esta funcionalidad en un momento. Prueba a insertar este bloque en el HEAD de tu página y nos cuentas.


    1. Cambia el 0.10 (10%) por la opacidad que quieres que tenga de inicio tu imagen.
    2. Cambia el 0.20 (20%) por cuanto quieres que se incremente la visibilidad a cada dia mas cerca que esté.
    3. Cambia el '12/05/2012' por la fecha de finalización del contador.

    <script>
    window.onload = jsInicio;

    function jsInicio()
    {
    jsContar(0.10, 0.20, '12/05/2012')
    }

    function jsContar(opacidadinicial, disminucionopacidadpordia, dialimite)
    {
    var dia = dialimite.split("/")[0];
    var mes = dialimite.split("/")[1];
    var ano = dialimite.split("/")[2];
    var diasDiferencia = DiferenciaFechas(dia, mes - 1, ano);

    var opacidadFinal = opacidadinicial + (disminucionopacidadpordia * diasDiferencia);

    if(opacidadFinal > 1) opacidadFinal = 1;

    document.getElementById("tuimagen").style.opacity = opacidadFinal;
    }

    function DiferenciaFechas(dia, mes, ano)
    {
    var miFecha1 = new Date();
    var miFecha2 = new Date(ano, mes, dia)

    //Resta fechas y redondea
    var diferencia = miFecha1.getTime() - miFecha2.getTime();
    var dias = Math.floor(diferencia / (1000 * 60 * 60 * 24));

    return dias * (-1);
    }
    </script>
    www.lymbonotes.com
    Tus notas disponibles desde cualquier lugar del mundo! http://www.youtube.com/watch?v=kd7qqvJ6KsY

    www.afiladospascualroman.com
    Empresa de afilados industriales en Palma de Mallorca.

Temas Similares

  1. temporozador cuenta atras
    Por Jeyn en el foro Foro General
    Respuestas: 2
    Último Mensaje: 15/07/2010, 05:11
  2. CUENTA ATRAS PERSONALIZADA
    Por Mamipokemon en el foro Foro General
    Respuestas: 5
    Último Mensaje: 06/10/2007, 18:50

Etiquetas para este Tema

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •