<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js”></script>
<script>
$(document).ready(function(){
slideshow(5,1000,5000);
});
/* Argomenti funzione:
n -> il numero totale di foto
t1 -> il tempo in millisecondi di transizione
t2 -> il tempo in millisecondi di intervallo
*/
function slideshow(n,t1,t2){
/* inizializzo le variabili e gli elementi */
var x = 0;
var txt = 0;
var stato = 1;
$(“#foto2”).animate({“opacity”:”0″},0);
$(“#foto2”).animate({“left”:”100%”},0);
$(“#foto2”).animate({“opacity”:”1″},0);
$(“#foto1”).attr(“src”,fotografie(x,n));
$(“#slide p”).html(scritte(txt,n));
x++;
$(“#foto2”).attr(“src”,fotografie(x,n));
/* eseguo l’intervallo dello slide */
var intervallo = setInterval(function(){
x++;txt++;
if(x>n-1){x=0;}
if(txt>n-1){txt=0;}
stato = cambiaSlide(x,n,stato,t1,txt);
},t2);
}
/* Argomenti funzione:
x -> la foto che si sta visualizzando
n -> il numero totale di foto
stato -> la posizione dello slide
t -> il tempo in millisecondi di transizione
txt -> il testo che si sta visualizzando
*/
function cambiaSlide(x,n,stato,t,txt){
if(stato==1){
var elemento1 = “#foto1”;
var elemento2 = “#foto2”;
}else{
var elemento1 = “#foto2”;
var elemento2 = “#foto1”;
}
$(elemento2).animate({“left”:”0px”},t);
$(elemento1).animate({“left”:”-100%”},t,function(){
$(“#slide p”).html(scritte(txt,n));
$(elemento1).animate({“opacity”:”0″},0);
$(elemento1).animate({“left”:”100%”},0);
$(elemento1).animate({“opacity”:”1″},0,function(){
$(elemento1).attr(“src”,fotografie(x,n));
});
});
if(stato==1){stato=0;}else{stato=1;}
return stato;
}
/*
Argomenti funzione:
x -> la foto che si sta visualizzando
n -> il numero totale di foto
*/
function fotografie(x,n){
var foto = new Array(n);
/* scrivere il path ed il nome delle foto che volere usare */
foto[0] = “immagini/slide.jpg”;
foto[1] = “immagini/slide2.jpg”;
foto[2] = “immagini/slide3.jpg”;
foto[3] = “immagini/slide4.jpg”;
return foto[x];
}
/*
Argomenti funzione:
x -> la foto che si sta visualizzando
n -> il numero totale di foto
*/
function scritte(x,n){
var testi = new Array(n);
/* scrivere il testo che vuoi far apparire sulle foto */
testi[0] = “”;
testi[1] = “”;
testi[2] = “”;
testi[3] = “”;
return testi[x];
}
</script><table width=”990″ border=”1″ align=”center” cellpadding=”0″ cellspacing=”0″>
<tr>
<td><table width=”990″ border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td><div id=”slide”>
<img id=”foto1″ src=”https://www.italiahighlights.com/immagini/slide.jpg” alt=”slide” width=”485″ height=”527″ />
<img id=”foto2″ src=”https://www.italiahighlights.com/immagini/slide2.jpg” alt=”slide” width=”487″ height=”527″ />
<p></p>
</div></td>
<td><img src=”https://www.italiahighlights.com/immagini/logo.jpg” alt=”cristiani presenta "Le Querce"” width=”503″ height=”527″ /></td>
</tr>
<tr>
<td colspan=”2″><img src=”https://www.italiahighlights.com/immagini/prenota.jpg” alt=”testo introduttivo” width=”990″ height=”176″ /></td>
</tr>
<tr>
<td> </td>
<td><img src=”https://www.italiahighlights.com/immagini/numerotel.jpg” alt=”contatti” width=”505″ height=”346″ /></td>
</tr>
</table></td>
</tr>
</table>