無法在Firefox

Question

得到一個jQuery腳本工作，我在我的網頁上rotatePics jQuery腳本：

$(document).ready(function(){ 
    rotatePics(1); 
}); 

function rotatePics(currentPhoto) { 
    var numberOfPhotos = $('.photos img').length; 
    currentPhoto = currentPhoto % numberOfPhotos; 

    $('.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);}, 5000); 
    }); 
} 

我在主頁的我的頭部分以下內容：

<script type="text/javascript" src="js/jquery-1.4.min.js"></script> 
<script type="text/javascript" src="js/script.js"></script> 

這裏在網頁的HTML：

<div id="imageanimation"> 
    <table id="picturetable"> 
    <tr> 
     <td class="photos"></td> 
     <td class="photos"></td> 
     <td class="photos"></td> 
     <td class="photos"></td> 
    </tr> 
    </table> 
</div> <!-- close imageanimation div --> 

<!-- Your website would not let me upload images --> 

這裏是CSS：

#picturetable { 
float:left; 
height:212px; 
margin:0 auto; 
position:relative; 
left:15px; 
z-index:-1; 
} 

.photos img { 
    position: absolute; 
} 

.photos { 
    width: 212px;; 
    height: 212px; 
    overflow: hidden; 
    padding:5px; 
    padding-top:10px; 
    padding-bottom:10px; 
} 

我在做什麼錯？

Answer 1

嘗試移動

function rotatePics(currentPhoto) { 
    ... 
} 

的

$(document).ready(function(){ 
    rotatePics(1); 
}); 

之前此外，安裝螢火蟲插件，看看它是否給任何錯誤。

Answer 2

您正在試圖通過位置，但EQ（）選擇需要選擇。 你可能是指

$('.photos:eq('+currentPhoto+') img') 

Answer 3

現在讓我猜....你想這樣的事情http://jsfiddle.net/WzVWj/。點擊運行按鈕即可看到 。無論如何，下一次使用jsfiddle來描述你的問題更好馬特建議