// JavaScript Document created by Matteo Agarla //il codice seguente è stato creato da me utilizzando una 'libreria' esterna gratuita jquery da cui è stato preso il codice fadein-out //banner con fade in-out // per evitare errori durante la dissolvenza bisoga precaricare le immagini //nel codice html bisogna inserire due preload function preload() {if (document.images) { img1= new Image(); img1.src="img/silde/1.jpg"; img2= new Image(); img2.src="img/slide/2.jpg"; } } var banne=[ "img/slide/1.jpg", "img/slide/2.jpg",]; var a=0; //la funzione star fa comparire la prima immagine //codice html della pagina: //

//PS: il timeout richiama la funzione successiva 8000=8sec function start(){ $('#sf').fadeIn('slow'); setTimeout ("fadeout()", 8000) } //fa scomparire l'immagine //con la funzione successiva l'immagine verrà cambiata function fadeout(){$('#sf').fadeOut('slow'); setTimeout ("cambia()", 800)} //nella funzione cambia dopo la lettura dell'indice(a) viene effettuato il cambio.(l'immagine non è visibile) //poi viene ricarcata la funzione start ce rende visibile l'immagine //il codice funziona con due immaggini e deve essere opportunamente modificato per poter ospitare più immagini function cambia(){ var sf = document.getElementById('sf'); a++; //la modifica va apportata qui e nell'array iniziale(in teoria bastano solo queste due modifiche) if(a<=1){ sf.setAttribute('src', banne[a]); start();} else {a=0; sf.setAttribute('src', banne[a]); start();} } //menu function menuon(i) {var a = document.getElementById(i); //imposto il colore della scritta a.setAttribute('style', 'color:#bbcd25;text-decoration:underline'); } function menuout(i) {var a = document.getElementById(i); //imposto il colore della scritta a.setAttribute('style', 'color:#999;text-decoration:none'); // imposto lo sfondo } // funzioni per il funzionamento dei link function linkon(b,a){ var su = document.getElementById(b); su.setAttribute('src',a); }; function linkout(c,d){ var giu = document.getElementById(c); giu.setAttribute('src',d); };