CAMBIO IMMAGINE AUTOMATICO CON LINK IN NUOVA PAGINA

Questa Javascript cambia immagini dopo un predeterminato tempo (in questo caso 5 secondi) per cambiare tempo andare alla riga var slideshowspeed=5000 e modificare in millisecondi il tempo che volete che appaia l'immagine. Inserite il nome delle immagini ed appena sotto digitate il nome del link. Non è possibile inserire questa Javascript 2 volte nella stessa pagina, ma è possibile aggiungere immagini e link all'infinito (a discrezione del webmaster). Per inserire la Javascript ci sono due script che potete trovare qui sotto.

Autori: www.javascriptkit.com  , modified and explained from www.webmasterpaolo.com 

RITORNA ALLA PAGINA DELLE JAVASCRIPT

RITORNA ALLA PAGINA DEI BANNER IN JAVASCRIPT

utenti connessi

Lo script da inserire in html - PRIMO

<script language="JavaScript1.1">
<!--

/*
JavaScript Image slideshow:
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free JavaScript here!
*/

var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}

function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}

function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}

//-->
</script>

 

Lo script da inserire in html - SECONDO

<a href="javascript:gotoshow()"><img src="anamilano.jpg" name="slide" border=0 width=468 height=60></a>
<script>
<!--

//configure the paths of the images, plus corresponding target links
slideshowimages("anamilano.jpg","an468torr015.gif","wmp.gif")
slideshowlinks("http://www.anamilano.it","http://www.nuovabrasilia.com/home/torrefazione_nuova_brasilia.htm","http://www.webmasterpaolo.com")

//configure the speed of the slideshow, in miliseconds
var slideshowspeed=5000

var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()

//-->
</script>

</body>

</html>