Image Slideshows con titulo

Con este slideshow ustedes pueden ponerle un titulo a cada imagen a continuación les voy a brindar el código para que obtengan un slideshow como en el ejemplo que les muestro,donde esta el 2000 son 2 segundos que transcurrirá de imagen a imagen ustedes lo pueden modificar a sus gustos al igual que el width que es el ancho y el height que es la altura.

<!-- Codes by miespaciogratis.com and tubetrucos.com/-->
<style type="text/css">
body,td {
font-size: 10pt;
color: black;
font-family: verdana,arial,helvetica,san-serif;
background-color: white;
}

</style>




<script type="text/javascript">

var x=0;

function rotate(num){
fs=document.ff.slide;
x=num%fs.length;
if(x<0) x=fs.length-1;
document.images.show.src=fs.options[x].value;
fs.selectedIndex=x;}

function auto() {
if(document.ff.fa.value == "Stop"){
rotate(++x);setTimeout("auto()", 2000);}}
</script>

<form name="ff">
<table cellpadding="3" style="border:1px black solid;border-collapse:collapse;" align="center">
<tr><th align=center>AQUI PUEDEN PONER LO QUE QUIERAN</th></tr>

<tr><td align=center>
<img src="http://dl.dropbox.com/u/25944020/ima.jpg
" name="show" />
</td></tr>

<tr><td align=center style="border:1px black solid;">
<select name="slide" onchange="rotate(this.selectedIndex);">
<option value="http://dl.dropbox.com/u/25944020/imag.jpg" selected />AQUI PUEDEN PONER LO QUE QUIERAN
<option value="http://dl.dropbox.com/u/25944020/images6.jpg" />AQUI PUEDEN PONER LO QUE QUIERAN

<option value="http://dl.dropbox.com/u/25944020/images1.jpg" />AQUI PUEDEN PONER LO QUE QUIERAN
<option value="http://dl.dropbox.com/u/25944020/images2.jpg" />AQUI PUEDEN PONER LO QUE QUIERAN
</select>
</td></tr>

<tr><td align=center style="border:1px black solid;">
<input type="button" onclick="rotate(0);" value="ll&lt;&lt;" title="Jump to beginning" />
<input type="button" onclick="rotate(x-1);" value="&lt;&lt;" title="Last Picture" />
<input type="button" name="fa" onclick="this.value=((this.value==&#39;Stop&#39;)?&#39;Start&#39;:&#39;Stop&#39;);auto();" value="Start" title="Autoplay" style="width:75px;" />
<input type="button" onclick="rotate(x+1);" value="&gt;&gt;" title="Next Picture" />
<input type="button" onclick="rotate(this.form.slide.length-1);" value="&gt;&gt;ll" title="Jump to end" />
</td></tr></table></form>


<div>






Ejemplo:


AQUI PUEDEN PONER LO QUE QUIERAN

Votar esta anotación en Bitácoras.com
Compartir esta entrada :



data:newerPageTitle data:olderPageTitle data:homeMsg
:) :( ;) :D ;;-) :-/ :-O X( B-) #:-S :(( :)) =)) ~X( :-t 8- =P~ #-o =D7 :-SS :-q :-bd

1 comentarios:

  1. amigo me gustaria que enlazaramos nuestros blogs, busca el mio, se llama deportesolido.com si te llega a gustar me gustaria enlazarte que tu pongas mi link en tu pagina espero la respuesta.

    ResponderEliminar