incrementare z-index

emanuelevt

Utente Attivo
24 Giu 2009
298
0
0
Salve,

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.
 

Discussioni simili