Questa Javascript cambia automaticamente l'immagine, a caso prendendone una di quelle che avete inserito, in questo caso della grandezza 150x150. Non è necessario specificare la grandezza dell'immagine (150x150) Un'ulteriore modifica la potete fare nella riga (var delay=1000 //set delay in miliseconds) per impostare quanto deve rimanere una immagine. Non è possibile inserire due script nella stessa pagina, ma si possono inserire immagini all'infinito alla riga (randomimages[0]="alessia.jpg").
Autori: Random image slideshow By Tyler Clarke tyler@ihatecoffee.com modified and explained from www.webmasterpaolo.com
RITORNA ALLA PAGINA DELLE JAVASCRIPT
RITORNA ALLA PAGINA DEGLI EFFETTI SU IMMAGINI
utenti connessi
Lo script da inserire in html
<script language="javascript">
/*
Random image slideshow- By Tyler Clarke (tyler@ihatecoffee.com)
For this script and more, visit http://www.javascriptkit.com
*/
var delay=1000 //set delay in miliseconds
var curindex=0
var randomimages=new Array()
randomimages[0]="alessia.jpg"
randomimages[1]="carlo.jpg"
randomimages[2]="dudley.jpg"
randomimages[3]="eleonora.jpg"
randomimages[4]="gabriele.jpg"
randomimages[5]="jack.jpg"
var preload=new Array()
for (n=0;n<randomimages.length;n++)
{
preload[n]=new Image()
preload[n].src=randomimages[n]
}
document.write('<img name="defaultimage" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]+'">')
function rotateimage()
{
if (curindex==(tempindex=Math.floor(Math.random()*(randomimages.length)))){
curindex=curindex==0? 1 : curindex-1
}
else
curindex=tempindex
document.images.defaultimage.src=randomimages[curindex]
}
setInterval("rotateimage()",delay)
</script>