使用jquery的圖像幻燈片不工作

我正在做一個簡單的圖像幻燈片顯示使用jQuery。當我在最新的Chrome瀏覽器中運行我的代碼時，它不起作用：它只顯示第一張圖片。我的代碼是低於。 HTML代碼：使用jquery的圖像幻燈片不工作

<script type ="text/javascript" src ="lib1.js" ></script> 
<script type ="text/javascript" src ="Haji.js" ></script> 
<link rel="stylesheet" type="text/css" href="Haji1.css"/> 
</head> 
    <body> 
      <div class="bodycontent"> 
       <img src="IMG/haji2.jpg" alt="image1"/> 
       <img src="IMG/haji1.jpg" alt="image2"/> 
       <img src="IMG/haji3.jpg" alt="image3"/> 
      </div> 
    </body>

的CSS：

.bodycontent{ 
    position:relative; 
    width:100%; 
    height:500px; 
} 
.bodycontent img{ 
position:absolute; 
left:0; 
top:0; 
width:100%; 
height:400px; 
}

的Jquery：

$(document).ready(function() { 
$(function(){ 
    $('.bodycontent img:gt(0)').hide(); 
    setinterval(function(){ 
    $('.bodycontent :first-child').fadeOut() 
     .next('img').fadeIn() 
     .end().appendTo('.bodycontent');},1000); 
    }); 
});

誰能幫助me..what的錯我的代碼...

來源

2013-07-16 Haji

這不是：

setinterval

但：

setInterval

案件事宜！
一旦排序，它按預期工作，通過圖像消失。

FIDDLE

來源

2013-07-16 17:40:14 adeneo

使用jquery的圖像幻燈片不工作

回答

相關問題