Salve,
su un libro ho letto questa funzione apposita per la dissolvenza incrociata tra img
l'unica cosa che non riesco a comprendere è questa parte:
ho visto che fa il riordino dello z-index delle img, ma non comprendo bene come; qualcuno saprebbe spiegarmi bene; per quello che ho appreso
per ogni foto fa il ((numero tot foto - foto_attuale) + foto corrente) % numero tot foto in maniera che lo z-index si 12341234 .... ma ripeto non comprendo il perchè sia usata questa formula.
su un libro ho letto questa funzione apposita per la dissolvenza incrociata tra img
Codice:
function rotatePics(currentPhoto) {
var numberOfPhotos = $('#photos img').length;
currentPhoto = currentPhoto % numberOfPhotos;
/**faccio in modo che currentphoto sia progressivo per il num di foto es 01234012343124**/
$('#photos img').eq(currentPhoto).fadeOut(function() {
// re-order the z-index
$('#photos img').each(function(i) {
$(this).css(
'zIndex', ((numberOfPhotos - i) + currentPhoto) % numberOfPhotos
);
});
$(this).show();
setTimeout(function() {rotatePics(++currentPhoto);}, 4000);
});
}
l'unica cosa che non riesco a comprendere è questa parte:
Codice:
'zIndex', ((numberOfPhotos - i) + currentPhoto) % numberOfPhotos
ho visto che fa il riordino dello z-index delle img, ma non comprendo bene come; qualcuno saprebbe spiegarmi bene; per quello che ho appreso
per ogni foto fa il ((numero tot foto - foto_attuale) + foto corrente) % numero tot foto in maniera che lo z-index si 12341234 .... ma ripeto non comprendo il perchè sia usata questa formula.