Problema con Slide en JS y el tamaño de las imágenes.

[RAZGRIZ24]

Pretendo que lo sea, sí.

Aquí los códigos:

HTML

Código:

<div id="slider" class="div_images">
<img src="imagenes_web/terapias/masaje metamorfico.jpg" width="100%" alt="Reflexología podal" />
<img src="imagenes_web/terapias/acupuntura.jpg" width="100%" alt="Acupuntura" /></div>

CSS específico:

Código:

.div_images {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	width: 99%;
	text-align: center;
}

JS para id="slider"

Código:

#slider {
	width:99%;
	height:35.31em;/* Make it the same size as your images */
	background:#fff url(loading.gif) no-repeat 50% 50%;
	position:relative;/*make the image slider center-aligned */
	box-shadow: 0px 1px 5px #999999;
	padding: 0px;
	margin: auto;
}

Imágenes SIN JS:




Imágenes CON JS:



Como veis, parece que la imagen se "amplía" dentro de la capa del código, en vez de redimensionarse para adecuarse a ello.

No suelo trabajar con JS, no soy programador y cuándo diseño cositas con pequeñas aplicaciones suelen ser prefabricadas. Por lo que muy probablemente esto sea un error de novato, en cualquier caso; agradeceré vuestra orientación.

¡Muchas gracias!