martes, 9 de agosto de 2011

Imágenes aleatorias


Este código es para hacer que cada vez que se abra una página, salga una imagen diferente de forma aleatoria. (la imagen será distinta cada vez que entren)

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

Poner el siguiente código: (mover al lugar deseado)

<div style="text-align: center;">
<script type="text/JavaScript">
//<![CDATA[
var vkurandom = new Array()
vkurandom[1] = '<a href="http://www.youtube.com/user/thevku" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLdBm8TBJ9UPJ0Mw3SYiWSXJZEIAQvtodd_l9kXBWtrwSC_KWRt9fdMVFAVcxbZOOY6bbAMUXb_ARhKxp88uWoUAxTzDODsCOW8gsBlkcnTVtGrDj7wRlfke1SnNcrJC6-wlS4BmP5J6B6/s1600/you-tube.png"/></a>';
vkurandom[2] = '<a href="http://www.facebook.com/loseasi" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX3qfGJukKIAX54pjSI5sdG3wBLGhyphenhyphen1w7ZvquK-ulE8qr8gZ4Cjak74GnUsh813KG3BAV096VD4R7_8HWdbQ3cke9lqNTgZyQbQ63k7tnFa57X16z3wtTml6kPS-8elurxIdrQG_GGO0rb/s1600/facebook.png"/></a>';
vkurandom[3] = '<a href="http://www.twitter.com/v_ku" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu2d5ij93xJ5uMYfOOJjM6qRTkgNukI6fnWEZsTqcrUZbsdLbLRqbeoCKfPW9e88qnPL223h5ZELP9VwsIFGtvTmeXP6AHK7A_Tph-uDZjLx2FhOPVSV19D2etx06ruGV0_dcK2ILN0pd7/s1600/twitter.png"/></a>';
vkurandom[4] = '<a href="http://www.blogger.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjtuheZdrNtQIlMW6EktfU1Ou_pWjc07X7gQr9SKiC3gK52fSMfS-JYHXHr4FLwIskfqOcxmqr1PPS14EL08b6IWS9qhsd6WzH7dZfwdgTDz9Bx09AzbX-UUzVxFQwK8JWsE1r2EjP1PR3/s1600/blogger.png"/></a>';

var rn = Math.floor(Math.random() * vkurandom.length)
if (rn == 0) {
rn = 1
}
document.write(vkurandom[rn])
//]]>
</script>
</div>

Cambiar los enlaces y link de las imágenes.
 
Para mostrar mas imágenes solo agregar la siguiente línea:

vkurandom[1] = '<a href="http://www.youtube.com/user/thevku" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLdBm8TBJ9UPJ0Mw3SYiWSXJZEIAQvtodd_l9kXBWtrwSC_KWRt9fdMVFAVcxbZOOY6bbAMUXb_ARhKxp88uWoUAxTzDODsCOW8gsBlkcnTVtGrDj7wRlfke1SnNcrJC6-wlS4BmP5J6B6/s1600/you-tube.png"/></a>';

Cada ves que se agregue una imagen hay que cambiar el número. 1, 2, 3, 4, 5, 6, etc...

vkurandom[1]

Si no quieren que las imágenes tengan enlace quitar lo marcado en rojo:

vkurandom[1] = '<a href="http://www.youtube.com/user/thevku" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLdBm8TBJ9UPJ0Mw3SYiWSXJZEIAQvtodd_l9kXBWtrwSC_KWRt9fdMVFAVcxbZOOY6bbAMUXb_ARhKxp88uWoUAxTzDODsCOW8gsBlkcnTVtGrDj7wRlfke1SnNcrJC6-wlS4BmP5J6B6/s1600/you-tube.png"/></a>';


target="_blank" es para que abrir el enlace en otra pestaña.


Ejemplo:


No hay comentarios:

Publicar un comentario