Cita:
Sucede que tengo las imágenes 1.jpg y 2.jpg de 200*100 pxls y las imágenes 3.jpg y 4.jpg de 100*200, pero al presionar "siguiente" y "anterior" todas se muestran con la mima medida (en el script está definido con 468*60 pxls) y se deforman las imágenes.<script language="JavaScript">
<!--
var viewPix = new Array("http://www.tusitio.com/tuimagen.png","http://www.tusitio.com/tuimagen2.png","http://www.tusitio.com/tuimagen3.png")
var thisImage = 0
function doPast() {
if (document.images && thisImage > 0) {
thisImage--
document.myShow.src=viewPix[thisImage]
}
}
function doAfter() {
if (document.images && thisImage < 2) {
thisImage++
document.myShow.src=viewPix[thisImage]
}
}
// -->
</script>
<div align="center"><img name="myShow" src="http://www.tusitio.com/tuimagen.png" width="468" height="60"><br><a href="javascript:doPast()">Anterior</a> <a href="javascript:doAfter()">Siguiente</a></div>
<!--
var viewPix = new Array("http://www.tusitio.com/tuimagen.png","http://www.tusitio.com/tuimagen2.png","http://www.tusitio.com/tuimagen3.png")
var thisImage = 0
function doPast() {
if (document.images && thisImage > 0) {
thisImage--
document.myShow.src=viewPix[thisImage]
}
}
function doAfter() {
if (document.images && thisImage < 2) {
thisImage++
document.myShow.src=viewPix[thisImage]
}
}
// -->
</script>
<div align="center"><img name="myShow" src="http://www.tusitio.com/tuimagen.png" width="468" height="60"><br><a href="javascript:doPast()">Anterior</a> <a href="javascript:doAfter()">Siguiente</a></div>
Lo q quiero es q las imágenes conserven sus medidas o sino darles las medidas proporcionales para q no se deformen.
Espero haya sido claro y alguien pueda ayudarme.
Gracias