研究了 10 个小时还没搞懂，求到底原理是什么

代码挺多，但是只麻烦看一行就好'zIndex', ((numberOfPhotos - i) + currentPhoto) % numberOfPhotos
先说功能，6张重叠在一起的图片（a链接中），轮流显示每张图片。
//---------------------
<div id="photos">
<a href="#"><img src="images/a.jpg" alt=""></a>
<a href="#"><img src="images/b.jpg" alt=""></a>
<a href="#"><img src="images/c.jpg" alt=""></a>
<a href="#"><img src="images/d.jpg" alt=""></a>
<a href="#"><img src="images/e.jpg" alt=""></a>
<a href="#"><img src="images/f.jpg" alt=""></a>
</div>
//----------------------
//---------------------
#photos {
width:200px;
height: 200px;
overflow: hidden;
}

#photos a {
position: absolute;
}
//--------------------------
$(document).ready(function() {
rotatePics(1);
});

function rotatePics(currentPhoto) {
var numberOfPhotos = $('#photos a').length;

currentPhoto = currentPhoto % numberOfPhotos;
$('#photos a').eq(currentPhoto).fadeOut(function() {
// re-order the z-index
$('#photos a').each(function(i) {

$(this).css(

'zIndex', ((numberOfPhotos - i) + currentPhoto) % numberOfPhotos
);
});

$(this).show();
setTimeout(function() {rotatePics(++currentPhoto);}, 1000);
});
}


请问，z-index属性调整会影响 $(this).show();这行中的this对象吗，因为它是与$('#photos a').eq(currentPhoto).对应的，究竟是怎么做的呢？实在是想不下去了，大脑已经完全混乱了。