Código Solucion 11 - HTML + JS:
Ver original<html>
<head>
<title>Galeria</title>
<script language='JavaScript'>
var nombrePIC=new Array();
nombrePIC[0]=new Image(140,120); nombrePIC[0].src="imagen01.jpg";
nombrePIC[1]=new Image(140,120); nombrePIC[1].src="imagen02.jpg";
nombrePIC[2]=new Image(140,120); nombrePIC[2].src="imagen03.jpg";
nombrePIC[3]=new Image(140,120); nombrePIC[3].src="imagen04.jpg";
nombrePIC[4]=new Image(140,120); nombrePIC[4].src="imagen05.jpg";
nombrePIC[5]=new Image(140,120); nombrePIC[5].src="imagen06.jpg";
nombrePIC[6]=new Image(140,120); nombrePIC[6].src="imagen07.jpg";
nombrePIC[7]=new Image(140,120); nombrePIC[7].src="imagen08.jpg";
nombrePIC[8]=new Image(140,120); nombrePIC[8].src="imagen09.jpg";
nombrePIC[9]=new Image(140,120); nombrePIC[9].src="imagen10.jpg";
var visorIMGnum=0;
var visorPIC=new Array();
function visorAtras(cual,mtxpics) {
visorPIC = mtxpics
if(visorIMGnum==0) {
visorIMGnum=visorPIC.length-1;
} else {
visorIMGnum --
}
document.getElementById(cual).src=visorPIC[visorIMGnum].src;
}
function visorAdelante(cual,mtxpics) {
visorPIC = mtxpics
if(visorIMGnum==visorPIC.length-1) {
visorIMGnum=0;
} else {
visorIMGnum ++;
}
document.getElementById(cual).src=visorPIC[visorIMGnum].src;
}
</script>
</head>
<table>
<tr>
<td>
<input onClick="visorAtras('nombreIMG',nombrePIC);return false;" href="javascript:void(0);" type="submit" name="Submit2" value="<<">
</p></td>
<td> <!-- segunda celda -->
<img width="140" height="120" src="imagen01.jpg" id="nombreIMG" />
</td>
<td>
<p>
<input onClick="visorAdelante('nombreIMG',nombrePIC);return false;" href="javascript:void(0);" type="submit" name="Submit" value=">>">
</p></td>
</tr>
</table>
</body>
</html>
Tengo una duda en este problema si deseo separarlos y colocar el "SCRIPT" en un archivo .JS llamo al JS por: <script scr="galeria1.js></script>, pero en el body tengo que hacer un Onload, pero no se que funcion llamar, porque si lo hago JS + HTML por separado no me carga.