viernes, 7 de septiembre de 2012

Marquesina de Imágenes

Hola, hoy les traigo un código que hace mas vistosa la presentación de imágenes en tu blog, se trata de una marquesina de imágenes, que pueden ir de arriba hacia abajo con el comando "Down" y de abajo hacia arriba con el comando "Up", además puedes establecer el tamaño de las imágenes (te recomiendo pequeñas, para no alentar la marquesina), Asimismo a cada imagen puedes agergarle enlaces o vínculos a otros sitios web. El código es el siguiente:

<marquee direction="up" style="text-align: center; width:200px;height:150px;border:1px solid #ccc;padding:3px" scrollamount="1" onMouseOver="this.stop()" onMouseOut="this.start()">
 <a href="URL del enlace 1"><img src="URL de la imagen 1"/></a><br/>
 <a href="URL del enlace 2"><img src="URL de la imagen 2"/></a><br/>
 <a href="URL del enlace 3"><img src="URL de la imagen 3"/></a>
 </marquee>


Si sólo quieres las imágenes sin vínculos entonces copia este código:

<marquee direction="up" style="text-align: center; width:200px;height:150px;border:1px solid #ccc;padding:3px" scrollamount="1" onMouseOver="this.stop()" onMouseOut="this.start()">
 <img src="URL de la imagen 1"/><br/>
 <img src="URL de la imagen 2"/><br/>

 <img src="URL de la imagen 3"/> </marquee>

Dejen comentarios

No hay comentarios:

Publicar un comentario