slideshow de imagens versátil

Descrição: Um slideshow de imagens versátil, que pode ser visto em três maneiras: através de um menu drop down, para trás / frente do botão ou automaticamente. Cool!

Exemplo:

Image Slideshow Image 1 Image 2 Image 3

This free script provided by

JavaScript
Kit




Image Slideshow HTML Generator, faz o seu aqui












slideshow de 12 FOTOS

<br /> Descrição: Um slideshow de imagens versátil, que pode ser visto em três maneiras: através de um menu drop down, para trás / frente do botão ou automaticamente. Cool!<br /><br /> <br /><br /> Exemplo:<br /><br /> <br /><br /> <br /><br /> <script language="JavaScript"> <!-- Begin //3-way slideshow- by Suzanne Arnold (http://jandr.com/, suzanne@mail.jandr.com) //Script featured on JavaScript Kit (http://javascriptkit.com) //Credit must stay intact var Onerotate_delay = 2000; // delay in milliseconds (5000 = 5 secs) Onecurrent = 0; var OneLinks = new Array(3); OneLinks[0] = "http://www.freewarejava.com"; OneLinks[1] = "http://www.javascriptkit.com"; OneLinks[2] = "http://www.dynamicdrive.com"; 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] } // End --> </script><br /><br /> <table border="0" cellpadding="0" cellspacing="0"><tbody> <tr> <td><br /><br /> <form name="Oneslideform"><div align="center"><table border="1" bordercolor="#330099" cellpadding="4" cellspacing="0" style="width: 350px;"><tbody> <tr> <td bgcolor="#330099"><br /><br /> <div align="center"><b><span style="color: white;">Image Slideshow</span></b></div></td> </tr> <tr> <td bgcolor="#ffffff"><br /><br /> <div align="center"><a href="javascript:Onetransport()"><img border="0" height="390" name="Oneshow" src="COLOQUE AQUI O ENDEREÇO DA IMAGEM" width="390" /></a></div></td> </tr> <tr> <td bgcolor="#330099"><br /><br /> <div align="center"><select name="Oneslide" onchange="Onechange();"> <option selected="selected" value="COLOQUE AQUI O ENDEREÇO DA IMAGEM">Image 1</option> <option value="COLOQUE AQUI O ENDEREÇO DA IMAGEM">Image 2</option> <option value="COLOQUE AQUI O ENDEREÇO DA IMAGEM">Image 3</option> <option value="COLOQUE AQUI O ENDEREÇO DA IMAGEM ">Image 4</option> <option value="COLOQUE AQUI O ENDEREÇO DA IMAGEM">Image 5</option> <option value="COLOQUE AQUI O ENDEREÇO DA IMAGEM ">Image 6</option> <option value="COLOQUE AQUI O ENDEREÇO DA IMAGEM">Image 7</option> <option value="COLOQUE AQUI O ENDEREÇO DA IMAGEM ">Image 8</option> <option value="COLOQUE AQUI O ENDEREÇO DA IMAGEM">Image 9</option> <option value="COLOQUE AQUI O ENDEREÇO DA IMAGEM ">Image 10</option> <option value="COLOQUE AQUI O ENDEREÇO DA IMAGEM">Image 11</option> <option value="COLOQUE AQUI O ENDEREÇO DA IMAGEM ">Image 12</option> </select></div></td> </tr> <tr> <td bgcolor="#330099"><br /><br /> <div align="center"><input onclick="Oneprevious();" title="Previous" type="button" value="<<" /><br /><br /> <input name="Oneslidebutton" onclick="Oneap(this.value);" title="AutoPlay" type="button" value="Start" /><br /><br /> <input onclick="Onenext();" title="Next" type="button" value=">>" /></div></td> </tr> </tbody></table></div></form></td> </tr> </tbody></table><br /><br /> This free script provided by<br /><br /> <br /><br /> <a href="http://javascriptkit.com/">JavaScript<br /><br /> Kit</a> <br />