LLegué a esto pero no me funciona, hace solo el primer cambio y después no hace más nada. Qué puede estar pasando ?
Código HTML:
<html>
<head>
<title>Galeria de Fotos</title>
<script language="Javascript">
fotonum = 1;
function atrasfoto() {
fotonum = fotonum - 1;
if(fotonum > 1){
var mostrarprin = '<img src="fotos/foto';
var mostrarfin = '">';
var mostrar = mostrarprin+=fotonum+=mostrarfin;
document.getElementById('DivFoto').innerHTML='';
document.getElementById('DivFoto').innerHTML=mostrar;
}
}
function adelantefoto() {
fotonum = fotonum + 1;
if(fotonum < 6){
var mostrarprin = '<img src="fotos/foto';
var mostrarfin = '">';
var mostrar = mostrarprin+=fotonum+=mostrarfin;
document.getElementById('DivFoto').innerHTML='';
document.getElementById('DivFoto').innerHTML=mostrar;
}
}
</script>
</head>
<body>
<div align="center">
<table>
<tr>
<td onclick="atrasfoto();"><img src="fotos/left.gif"></td>
<td onclick="adelantefoto();"><img src="fotos/right.gif"></td>
</tr>
</table>
<table>
<tr>
<td><div id="DivFoto"><img src="fotos/foto1.jpg"></div></td>
</tr>
</table>
</div>
</body>
</html>