Delicious LinkedIn Facebook Twitter RSS Feed

Slideshow sencillo en Javascript



Ir a Diseño, Elementos de la página y añadir un gadget HTML/Javascript.

Poner el siguiente código:

<div id="cambiaimg-vku" style="text-align: center;"></div>
<script type="text/javascript">
//<![CDATA[
var cont = 0;
var arr = [
["http://loseasi.blogspot.com/", "http://URL IMAGEN 1/como-se-hace-lo-se-asi-cabezera.png"],    
["http://melmysweetworld.blogspot.com/", "URL IMAGEN 2/meli.jpg"],      
["http://vitua.blogspot.com/", "URL IMAGEN 3/vitua.png"]

]
function cambiaimg_vku() {
var d = document.getElementById("cambiaimg-vku");
cont = cont % arr.length;
d.innerHTML = "<a href='"+arr[cont][0]+"' target='_blank'><img border=0 src='"+arr[cont][1]+"'></a>";
cont++;
}
function inicioimg_vku() {
cambiaimg_vku();
setInterval(cambiaimg_vku, 3000);
}
window.onload=inicioimg_vku;
//]]>
</script>

Cambiar los link que se dirigirán al hacer clic sobre la imagen. (color azul)

Cambiar los link de las imágenes. (color rojo)

Ajustar la velocidad (3000). (negrita) Mayor es mas lento.

Para mostrar mas imágenes agregar la siguiente línea: (la ultima línea colocada no tiene que llevar la coma al final)

["http://loseasi.blogspot.com/","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge_Sft6SK8OLD4MHjfX2bE8SOEhTZ6G80P4w3nukp-9RjMVB7bIeRX-0DcK-vd2L-NN2ZMS7IHEtVpprXPvxd0W7VOWELwfCAtbQiFEdOQ_e7l3bZabb8inlCHoZt9drrL5niI1BQzFsQv/s570/como-se-hace-lo-se-asi-cabezera.png"],

Colocar el gadget en el lugar que más les guste para mostrar las imágenes.

0 comments:

Post a Comment