28/06/2005, 11:10
|
 | Moderadora | | Fecha de Ingreso: agosto-2001 Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 9 meses Puntos: 381 | |
Prueba a ver ahora qué dice 
Código:
<html>
<head>
<title>Foto de la semana</title>
<script language="JavaScript">
var img_actual=13
var img_max=13
var comentarios = new Array("0","1","2","3","4","5","6","7","8","9","10","11","12","13")
function siguiente() {
if(img_actual < img_max)
{
img_actual=img_actual+1 //esto lo puedes resumir en img_actual++
document.getElementById('foto').src="imagenes2/foto_semana_" + img_actual + ".jpg"
document.getElementById('comentariosFoto').innerHTML= comentarios[img_actual]
}
else
{
window.alert("No hay más fotos para mostrar.")
}
}
function anterior() {
if(img_actual > 1)
{
img_actual=img_actual-1 //esto lo puedes abreviar como img_actual--
document.getElementById('foto').src="imagenes2/foto_semana_" + img_actual + ".jpg"
document.getElementById('comentariosFoto').innerHTML= comentarios[img_actual]
}
else
{
window.alert("ya es la primera")
}
}
</script>
</head>
<body>
<table width="600" border="0" align="center">
<tr>
<td align="center" valign="middle"> <INPUT id="atras" type="button" value="<<" onclick="anterior()" NAME="atras"></td>
<td width="454" align="center" valign="middle"><font color="#FFFFFF">
</font></td>
<td width="80" align="center" valign="middle"><INPUT id="adelante" type="button" value=">>" onclick="siguiente()" NAME="adelante"></td>
</tr>
<tr>
<td colspan="3" align="center" valign="middle"><img id="foto" src="imagenes2/foto_semana_13.jpg" width="600" height="450"></td>
</tr>
<tr>
<td align="center" valign="middle"></td>
<td align="center" valign="middle"> <font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif"><div id="comentariosFoto"></div>
</font></td>
</tr>
</table>
</body>
</html>
Vigila que innerHTML lo tengas todo junto (al enviar el mensaje lo separa y lo deja así inner HTML) |