hacer vista previa de album de fotos tipo face?

[manuparquegiralda]

En lugar de ponerlo en un elemento <img /> pon la imagen en el background de tal manera:

Código CSS:

.contenedor {
    position: relative;
    ... /* RESTO DE ESTILOS */
}
 
.contenedor > div {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height:50%;
    ...  /* RESTO DE ESTILOS */
}
 
.contenedor > .foto1, .contenedor > .foto2 {
    width: 50%;
}
 
.contenedor > .foto3, .contenedor > .foto4, .contenedor > .foto5 {
    width: 33%;
}
 

Código HTML:

<div class="contenedor" style="height:500px;">
    <div class="foto1" style="background-image: url(imagen-precargada.jpg);"></div>
    <div class="foto2" style="background-image: url(imagen-precargada.jpg);"></div>
    <div class="foto3" style="background-image: url(imagen-precargada.jpg);"></div>
    <div class="foto4" style="background-image: url(imagen-precargada.jpg);"></div>
    <div class="foto5" style="background-image: url(imagen-precargada.jpg);"></div>    
</div>
 

De esta forma, la imagen quedará de fondo y cubrirá todo el div proporcionalmente quedando centrada dentro de éste. Los restos de la imagen no serán visibles, no es necesario ponerle un overflow: hidden.

Espero que te sirva.