Galería de Imágenes Simple, con Javascript y CSS

¡Hola! Ya extrañaba escribir en mi blog. Vuelvo con esta genial galería de imágenes que es muy fácil de insertar y es súper simple.

Sólo es necesario insertar el HTML, y decorarlo un poco con CSS, veamos:

<div id="galeria">
 <div id="galeria_imagen">
 <img id="imgGaleria" src="URL-IMAGEN-POR-DEFECTO" /></div>
 <div id="galeria_miniaturas">
 <img class="miniatura" onclick="javascript:document.getElementById('imgGaleria').src=this.src;" src="URL-IMAGEN-1" />
 <img class="miniatura" onclick="javascript:document.getElementById('imgGaleria').src=this.src;" src="URL-IMAGEN-2" />
 <img class="miniatura" onclick="javascript:document.getElementById('imgGaleria').src=this.src;" src="URL-IMAGEN-3" />
 <img class="miniatura" onclick="javascript:document.getElementById('imgGaleria').src=this.src;" src="URL-IMAGEN-4" />
 <img class="miniatura" onclick="javascript:document.getElementById('imgGaleria').src=this.src;" src="URL-IMAGEN-5" />
 </div>
 </div>

Recuerda que para agregar más miniaturas, y al mismo tiempo, otra imagen, sólo pega lo siguiente antes del penúltimo </div>

<img class="miniatura" onclick="javascript:document.getElementById('imgGaleria').src=this.src" src="URL-IMAGEN /> 

Continuemos con el CSS

#galeria, #galeria * {box-sizing:border-box}
#galeria {
border: 1px solid #EAEAEA;  /* Borde de la galería */
padding: 10px;
padding-bottom: 0;
background: white;  /* Fondo de la galería */
width: 410px;  /* Ancho de la galería */
}
#galeria_miniaturas {
display: table;
margin: 0 auto;
}
#imgGaleria {
border: 1px solid #F2F2F2;  /* Borde de la imagen */
padding: 3px;
width: x; /* Ancho de la imagen */
height: x; /* Alto de la imagen */
}
.miniatura {
width:  60px;  /* Ancho de las miniaturas */
height:  60px;  /* Alto de las miniaturas */
float: left;
cursor: pointer;
padding: 5px;
margin: 10px 5px;
}
.miniatura:hover {
opacity:.8;   /* Opacidad */
}
.miniatura:active {
opacity:1;
}

Eso sería todo lo necesario para poner en marcha esta galería. ¡Hasta la próxima idea!