Foros del web, para los que viven de bits

de nuevo sigo sufriendo
tengo el siguiente codigo funciona todo ok el problema es que deforma las imagenes tengo algunas 225X333 y otras 300X225 como hago para que no me las deforme no son todas el mismo tamaño. y quiero mantener los tamaños originales
les paso el codigo.
Como siempre gracias ++

<td width="100%" align="center"><img src="r101_1.jpg" width="300" height="300" name="photoslider"></td>
</tr>
<tr>
<td width="100%" align="center"><form method="POST" name="rotater">
<div align="center"><center><p><script language="JavaScript1.1">
var photos=new Array()
var which=0

/*Change the below variables to reference your own images. You may have as many images in the slider as you wish*/
photos[0]="r102_1.jpg"
photos[1]="r101_2.jpg"
photos[2]="r101_3.jpg"
photos[3]="r101_4.jpg"


function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src= "IMAGE/" + photos[which];
}
}

function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src= "IMAGE/" + photos[which]
}
else window.status='End of gallery'
}
</script>

Hola:

Si la anchura o altura la asignas con estilos o propiedades será tal como se va a ver... creo que te interesa mostrar la imagen como fondo de una capa... ek estilo del fondo:
<div style="width: 300px; height: 300px; background: url(xxx) no-repeat center center" ></div>

Saludos

Saludos

gracias lo voy a probar

me da error no entiendo mucho de esto donde lo pongo ? y done dice url(xxx) va la direccion web o que pong .
gracias
disculpa la ignorancia