Cuenta atras en JS con aparicion de Imagen

[Marianoezekielc]

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

[waldragon]

me dice "alerta virus" al seguir tu enlace...

[car8710]

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>