31 agosto 2007

Imagen que cambia al actualizar/cargar la página


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.