Como centrar imagenes con diferentes dimensiones en un DIV

[isabelramirezmontoya]

Chicos buenas tardes, me pueden colaborar con esta duda.

Con el codigo que coloco abajo, logro intercambiar 5 imagenes en un DIV (funciona perfecto), pero tengo un problema, como logro centrar (vertical / horizontal) las imagenes en el DIV cuando cada imagen tiene dimensiones diferentes.

Codigo PHP

Código HTML:

<?php
 
$imagen1 = $codigo_imagenes1;
$imagen2 = $codigo_imagenes2;
$imagen3 = $codigo_imagenes3;
$imagen4 = $codigo_imagenes4;
$imagen5 = $codigo_imagenes5;
 
 
echo '<div>';
echo '<img id="imagen_central" src="http://controles.com/fotos/'.$imagen1.'">';
echo '</div>';
 
echo '<center>';
 
 
echo '<img src="http://controles.com/fotos/'.$imagen1.'" width="15" height="15" onclick="ver_imagen(this.src)">';
echo ' ';
echo '<img src="http://controles.com/fotos/'.$imagen2.'" width="15" height="15" onclick="ver_imagen(this.src)">';
echo ' ';
echo '<img src="http://controles.com/fotos/'.$imagen3.'" width="15" height="15" onclick="ver_imagen(this.src)">';
echo ' ';
echo '<img src="http://controles.com/fotos/'.$imagen4.'" width="15" height="15" onclick="ver_imagen(this.src)">';
echo ' ';
echo '<img src="http://controles.com/fotos/'.$imagen5.'" width="15" height="15" onclick="ver_imagen(this.src)">';
 
echo '</center>';
 
?>
 

Codigo JAVASCRIPT

Código HTML:

function ver_imagen(src)
{
document.getElementById("imagen_central").src = src;
}
 

Gracias