tengo un problema con un scroll de imagenes. es bastante sencillo y tiene un boton de anterior y otro de siguiente. parte de una imagen inicial de un tamaño determinado, y el problema es que, el resto de las imágenes las adapta a ese tamaño, con lo que se deforman. he probado a poner a 100% la tabla que contiene las imágenes, pero no se adapta. tampoco lo hace si no le pongo ningún valor. qué puedo hacer? me tiene frito!
dejo aqué el código completo por si alguien descubre algún error.muchísimas gracias de antemano!
<html>
<head>
<title></title>
<script LANGUAGE="JavaScript">
var myPix = new Array("g1_1.jpg","g1_2.jpg","g1_3.jpg","g1_4.jpg", "g1_5.jpg")
var thisPic = 0
function processPrevious() {
if (document.images && thisPic > 0) {
thisPic--
document.myPicture.src=myPix[thisPic]
}
}
function processNext() {
if (document.images && thisPic < 4) {
thisPic++
document.myPicture.src=myPix[thisPic]
}
}</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="1.css" rel="stylesheet" type="text/css">
</head>
<body LINK="#666666" VLINK="#333333" ALINK="#CCCCCC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="left">
<table BORDER="0" CELLPADDING="0" CELLSPACING="0">
<tr>
<td WIDTH="" height="">
<p ALIGN="left"><img SRC="g1_1.jpg" WIDTH="334" HEIGHT="400" VSPACE="0" HSPACE="0"
BORDER="0" LOOP="1" NAME="myPicture"></p></td>
</tr>
<tr>
<td height="16" align="center"><font size="2" FACE="Arial, Helvetica, sans-serif"><a HREF="javascript:processPrevious()"><
anterior</a> | <a HREF="javascript:processNext()">siguiente ></a></font></td>
</tr>
</table>
</div>
</body>
</html>
