Acceder a los elementos Html desde Javascript

[Diego89]

Espero que te sea de ayuda http://tinkerbin.com/zRFeoeS4

Código HTML:

<div id="contador"></div>
 

Código CSS:

.img{
-webkit-animation-name:animacion_2;
-webkit-animation-duration:5s;
}
 
@-webkit-keyframes animacion_2{
0%{
opacity:0;
}
100%{
opacity:100%; 
}
}
 

Código Javascript:

var images = ['http://farm9.staticflickr.com/8342/8201143175_803ffefd17_m.jpg', 'http://farm9.staticflickr.com/8208/8202248574_cb220be335_m.jpg','http://farm9.staticflickr.com/8200/8203901281_3043fcd663_m.jpg']
var $contador = document.getElementById('contador');
var contador = 1;
    
for( var i = 0; i < images.length; i++ ) {
    var img = new Image();
    img.onload = addClass( img );
    img.src = images[i];  
}
 
function addClass( img ) {
    img.className = "img";
    $contador.innerHTML = "Imágenes cargadas: " + contador++;
    document.body.appendChild( img );
}