Saludos, Paul.
Esta es una forma que puede servir:
<html>
<head>
<script language="JavaScript">
var Slides = '/var/www/Imagen';
var NSlide = 0;
function prev() {
if (NSlide > 000) {NSlide--};
document.images['Imagen'].src = Slides+[NSlide]+'.gif';
Message = ' Imagen '+[NSlide];
window.status = Message;
}
function next() {
if (NSlide < 100) {NSlide++};
document.images['Imagen'].src = Slides+[NSlide]+'.gif';
Message = ' Imagen '+[NSlide];
window.status = Message;
}
function text(NSlide) {
if (NSlide >= 000 && NSlide <= 100) {
document.images['Imagen'].src = Slides+[NSlide]+'.gif';
Message = ' Imagen '+[NSlide];
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>
Todas las imágenes se llamarán: Imagen1.gif, Imagen2.gif, Imagen....
También puedes editar la variable:
var Slides = '/var/www/Imagen'
y nombrarlas según necesidad. Hemos puesto un límite de 0 - a -100 imágenes, pero esto no quiere decir nada; es perfectamente modificable.
Una cosa... cuando alguien llame una imagen que no existe, quedará el sitio vacio. Ten en cuenta que en un margen como el que quieres, puede haber un desfase entre las imágenes del servidor, y las solicitadas en el cliente.
Pruébalo. ¡Suerte!.
Crear cuenta