Imagenes rotativas con boton de start y stop

En este código vamos a usar la etiqueta marque que nos va a dar el efecto a estas imagenes ,rotandolas una detrás de otra también añadiéndoles otros atributos que necesitamos,vamos a ponerle la opción de empezar y parar recuerden pueden modificarlas a sus gustos como la velocidad en la que van a ir pasando la altura etc.
este código lo van a poner en donde ustedes quieran que se muestre no necesitamos poner nada en el head.
aquí pueden ver otras opciones de la etiqueta marque ver aquí

Donde dice:  

<center><a href="AQUI VA LA URL DE ENLACE" target="_blank"><img src="AQUI VA LA URL DE LA IMAGEN" alt="AQUI VA TITULO O INFORMACION" style="position: relative;" border="0" /></a>
</center>

Si quieres mostrar mas imagenes simplemente añade este codigo:

<center><a href="AQUI VA LA URL DE ENLACE" target="_blank"><img src="AQUI VA LA URL DE LA IMAGEN" alt="AQUI VA TITULO O INFORMACION" style="position: relative;" border="0" /></a>
</center>

<center><marquee behavior="scroll" style="position: relative;" id="mymarquee" align="center" direction="up" scrollamount="2" scrolldelay="5" width="200" height="280"><br /> <!--- code for http://fasetube.blogspot.com/---><br /> <center><a href="http://fasetube.blogspot.com/" target="_blank"><img src="http://dl.dropbox.com/u/25944020/images1.jpg" alt="aqui va la informacion" style="position: relative;" border="0" /></a><br /> </center><center><a href="http://fasetube.blogspot.com/" target="_blank"><img src="http://dl.dropbox.com/u/25944020/images2.jpg" alt="'aqui va la informacion" style="position: relative;" border="0" /></a><br /> </center><center><a href="http://fasetube.blogspot.com/" target="_blank"><img src="http://dl.dropbox.com/u/25944020/images3.jpg" alt="aqui va la informacion" style="position: relative;" border="0" /></a><br /> </center><center><a href="http://fasetube.blogspot.com/" target="_blank"><img src="http://dl.dropbox.com/u/25944020/images4.jpg" alt="aqui va la informacion" style="position: relative;" border="0" /></a><br /> </center><center><a href="http://fasetube.blogspot.com/" target="_blank"><img src="http://dl.dropbox.com/u/25944020/images5.jpg" alt="'aqui va la informacion" style="position: relative;" border="0" /></a><br /> </center><center><a href="http://fasetube.blogspot.com/" target="_blank"><img src="http://dl.dropbox.com/u/25944020/images6.jpg" alt="aqui va la informacion" style="position: relative;" border="0" /></a><br /> </center><center><a href="http://fasetube.blogspot.com/" target="_blank"><img src="http://dl.dropbox.com/u/25944020/images7.jpg" alt="aqui va la informacion" style="position: relative;" border="0" /></a><br /> </center><center><a href="http://fasetube.blogspot.com/" target="_blank"><img src="http://dl.dropbox.com/u/25944020/images8.jpg" alt="aqui va la informacion" style="position: relative;" border="0" /></a></center><br /> <br /> <br /> </marquee><br /> <input onclick="document.getElementById('mymarquee').start ();" value="Start" type="button" /> <input onclick="document.getElementById('mymarquee').stop ();" value="Stop" type="button" /></center>

Ejemplo:

Tweet

Compartir esta entrada :

Quizás también le interese:

Sí disfrutas de estas entradas solo has click aquí, o suscribete para recibir mas entradas como estas.

Subscribirse por RSS Feed

Su informacion nunca sera compartida.