Saludos,
Un sencillo script:
<html>
<head>
<script language="JavaScript">
var Slides = new Array('imagen00.gif','imagen01.gif','imagen02.gif','imagen03.gif','imagen04.gif','imagen05.gif','imagen06.gif','imagen07.gif','imagen08.gif','imagen09.gif','imagen10.gif');
var NSlide = 0;
function prev() {
if (NSlide != 0) {NSlide--};
document.images['Imagen'].src = Slides[NSlide];
Message = 'Imagen ' + (NSlide) + ' de ' + Slides.length;
window.status = Message;
}
function next() {
if (NSlide != Slides.length-1) {NSlide++};
document.images['Imagen'].src = Slides[NSlide];
Message = 'Imagen ' + (NSlide) + ' de ' + Slides.length;
window.status = Message;
}
function text(NSlide) {
if (NSlide <= Slides.length-1) {
document.images['Imagen'].src = Slides[NSlide];
Message = 'Imagen ' + (NSlide) + ' de ' + Slides.length;
window.status = Message;
}
}
</script>
</head>
<body>
<form action="" onSubmit="text(this.elements[2].value);return false" name="SlideShow">
<img name="Imagen" src="imagen00.gif" width="200" height="200"><br><br>
<input type="button" name="Prev" value=" << " onClick="prev()">
<input type="button" name="Next" value=" >> " onClick="next()">
<input type="text" name="Text" value="" size="7"> <input type="submit" value="Buscar">
</form>
</body>
</html>
Puedes editar el Array para ampliar las imágenes y cambiar la ruta.
Ejemplo: /ruta-de-la-imagen/imagen-num.gif (para cada imagen).
¡Suerte!