<SCRIPT LANGUAGE="JavaScript"> var rotate_delay = 5000; current = 0; function next() { if (document.slideform.slide[current+1]) { document.images.show.src = document.slideform.slide[current+1].value; document.slideform.slide.selectedIndex = ++current; } else first(); } function previous() { if (current-1 >= 0) { document.images.show.src = document.slideform.slide[current-1].value; document.slideform.slide.selectedIndex = --current; } else last(); } function first() { current = 0; document.images.show.src = document.slideform.slide[0].value; document.slideform.slide.selectedIndex = 0; } function last() { current = document.slideform.slide.length-1; document.images.show.src = document.slideform.slide[current].value; document.slideform.slide.selectedIndex = current; } function ap(text) { document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop"; rotate(); } function change() { current = document.slideform.slide.selectedIndex; document.images.show.src = document.slideform.slide[current].value; } function rotate() { if (document.slideform.slidebutton.value == "Stop") { current = (current == document.slideform.slide.length-1) ? 0 : current+1; document.images.show.src = document.slideform.slide[current].value; document.slideform.slide.selectedIndex = current; window.setTimeout("rotate()", rotate_delay); } } // End --> </script>

<form name=slideform> <table cellspacing=1 cellpadding=4 bgcolor="#000000"> <tr> <td align=center bgcolor="white"> <b>Image Slideshow</b> </td> </tr> <tr> <td align=center bgcolor="white" width=200 height=150> <img src="Tu imagen a mostrar primero.jpg" name="show"> </td> </tr> <tr> <td align=center bgcolor="#C0C0C0"> <select name="slide" onChange="change();"> <option value="tu imagen1.jpg" selected>nombre de imagen 1 <option value="tu imagen2.jpg">nombre de imagen 2 <option value="tu imagen3.jpg">nombre de imagen 3 <option value="tu imagen4.jpg">nombre de imagen 4 </select> </td> </tr> <tr> <td align=center bgcolor="#C0C0C0"> <input type=button onClick="first();" value="|<<" title="Beginning"> <input type=button onClick="previous();" value="<<" title="Previous"> <input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay"> <input type=button onClick="next();" value=">>" title="Next"> <input type=button onClick="last();" value=">>|" title="End"> </td> </tr> </table> </form>