Quienes hayan pasado por mi otro blog tal vez entiendan qué quiero expresar con este extraño y enrevesado título; si no lo has hecho, haz click aquí, fíjate en la imagen que aparece arriba a la izquierda y actualiza la página varias veces (desde el navegador o con la tecla F5). Comprobarás que con cada actualización aparece una nueva imagen.
Encontré el script (o código) en Logo aleatorio, de Gem@blog. La autora de ese blog ofrece un código "específico" para logos, no para imágenes, pero también funciona. Poco después me di cuenta de que todas las imágenes enlazaban a una misma página (no recuerdo bien si era el perfil de blogger o una página en blanco), pero lo que yo necesitaba era que cada imagen tuviese su propio enlace (más que nada porque no son imágenes mías y no quería tener problemas de propiedad intelectual), así que le pedí ayuda a Gema, quien, tan amable como siempre, me respondió enviándome el código modificado para conseguir ese resultado que deseaba.
Y sin más dilación, aquí tenéis el código javascript para conseguir este efecto:
<script language="JavaScript">
<!--
/*
Random Image Link Script
By Website Abstraction (http://www.wsabstract.com)
and Java-scripts.net (http://www.java-scripts.net)
*/
function random_imglink(){
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]="URL de tu imagen"
myimages[2]="URL de tu imagen"
myimages[3]="URL de tu imagen"
myimages[4]="URL de tu imagen"
myimages[5]="URL de tu imagen"
myimages[6]="URL de tu imagen"
//specify corresponding links below
var imagelinks=new Array()
imagelinks[1]="URL de enlace para la imagen 1"
imagelinks[2]="URL de enlace para la imagen 2"
imagelinks[3]="URL de enlace para la imagen 3"
imagelinks[4]="URL de enlace para la imagen 4"
imagelinks[5]="URL de enlace para la imagen 5"
imagelinks[6]="URL de enlace para la imagen 6"
var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<a href='+'"'+imagelinks[ry]+'"'+'><img src="'+myimages[ry]+'" border=0></a>')
}
random_imglink()
//-->
</script>
Podéis poner tantas imágenes como queráis; el orden en que aparecen es aleatorio: puede repetirse una mucho y otra salir poco.
3 comentarios:
Hola
Ya he dejado un comentario en otro post pero es por si no lo ves. :D
Bueno, que yo ya te e linkeado. Entra en mi blog y lo veras. Tambien copia el texto del link ke aparece en la parte derecha.
http://elrincondelasganancias.blogspot.com
Hola, muchas gracias por el aporte, de verdad, es justo lo que estaba buscando ^^
funciona perfecto !!!
Pues yo lo he intentado en mi sidebar y no me funciona algo falla
Publicar un comentario