Impresion galery

Titulo de la galeria

Ver Image 2 Ver Image 3 Ver Image 4

Codigo:

<!-- www.cssplantillas.es.tl --> <SCRIPT LANGUAGE="JavaScript"> var Onerotate_delay = 2000; // delay in milliseconds (5000 = 5 secs) Onecurrent = 0; var OneLinks = new Array(3); OneLinks[0] = "http://cssplantillas.es.tl"; OneLinks[1] = "http://cssplantillas.es.tl"; OneLinks[2] = "http://cssplantillas.es.tl"; function Onenext() { if (document.Oneslideform.Oneslide[Onecurrent+1]) { document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent+1].value; document.Oneslideform.Oneslide.selectedIndex = ++Onecurrent;} else Onefirst();} function Oneprevious() { if (Onecurrent-1 >= 0) { document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent-1].value; document.Oneslideform.Oneslide.selectedIndex = --Onecurrent;} else Onelast();} function Onefirst() { Onecurrent = 0; document.images.Oneshow.src = document.Oneslideform.Oneslide[0].value; document.Oneslideform.Oneslide.selectedIndex = 0;} function Onelast() { Onecurrent = document.Oneslideform.Oneslide.length-1; document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent].value; document.Oneslideform.Oneslide.selectedIndex = Onecurrent;} function Oneap(text) { document.Oneslideform.Oneslidebutton.value = (text == "Stop") ? "Start" : "Stop"; Onerotate();} function Onechange() { Onecurrent = document.Oneslideform.Oneslide.selectedIndex; document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent].value;} function Onerotate() { if (document.Oneslideform.Oneslidebutton.value == "Stop") { Onecurrent = (Onecurrent == document.Oneslideform.Oneslide.length-1) ? 0 : Onecurrent+1; document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent].value; document.Oneslideform.Oneslide.selectedIndex = Onecurrent; window.setTimeout("Onerotate()", Onerotate_delay);}} function Onetransport(){ window.location=OneLinks[Onecurrent]} </SCRIPT><center> <div style="border:1px solid #ccc;padding:5px;width:510px;"> <center><b>Titulo de la galeria</b></center> <form name="Oneslideform" > <a href="javascript:Onetransport()"><IMG src="URL IMAGEN 1" width="500" height="400" name="Oneshow" border="0"></a> <div style="padding:4px"> <center><SELECT name="Oneslide" onChange="Onechange();"> <OPTION value="URL IMAGEN 2" selected>Nombre imagen 2</OPTION> <OPTION value="URL IMAGEN 3">Nombre imagen 3</OPTION> <OPTION value="URL IMAGEN 4">Nombre imagen 4</OPTION> </SELECT></center></div> <div style="padding:4px"><center> <INPUT type=button onClick="Oneprevious();" value="Anterior"> <INPUT type=button name="Oneslidebutton" onClick="Oneap(this.value);" value="Reproducir" title="AutoPlay"> <INPUT type=button onClick="Onenext();" value="Siguiente"></center></form> </div></div>

Modificaciones:
Pongan sus imagenes donde dice "URL IMAGEN Nº", el ancho lo modifican donde dice "Width"
Si desean agregar más imagenes agregan esto:
<OPTION value="URL IMAGEN Nº">Nombre imagen Nº</OPTION>
Con cada imagen una nueva. * Recuerden que deben tener la opcion html activada.