EDIT: ci sono riuscito come ho scritto sopra, ma se avete dei consigli migliori... scrivete pure!
$(document).ready(function(){
$("#foto > div").load('slideshow.php', function() {
numerofoto();
}); //questo mi carica i tag <img />
function numerofoto() {
var foto = $("#foto > div > img").length; //trovo numero totale degli img
$("#foto > div img").animate({opacity: 0}, 0).hide("fast");
$("#foto > div img:first-child").show("slow").animate({opacity: 1}, 1000); // con queste due righe nascondo le altre e faccio vedere la prima
var n = 1;
setInterval(function() {
n += 1;
if(n > foto)
{
n = 1;
}
$("#foto > div img").animate({opacity: 0}, 1000).hide("fast");
$("#foto > div img:nth-child("+n+")").show("slow").animate({opacity: 1}, 1000);
}, 2500); // con questa funzione ogni 2500 secondi una si nasconde e l'altra si vede
}
});
Quello che sto cercando di fare adesso è rendere più "fluida" la transizione. Ovvero, come si presenta adesso (muovilanotte.com) prima finisce di nascondere un'immagine e poi fa vedere l'altra. Quello che vorrei riuscire a fare è modificare contemporaneamente le opacity senza però far sì che le immagini vadano una in basso e una in alto l'altra, devono essere nello stesso punto ma a due livelli diversi. Si può fare? Grazie!
