0

我正在使用 jquery 做一个简单的图像幻灯片放映。当我在最新的 chrome 浏览器中运行我的代码时，它不起作用：它只显示第一张图像。我的代码如下。html编码：

 <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;
}

查询：

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

任何人都可以帮助我..我的代码有什么问题？...

4

1 回答 1

3

它不是：

setinterval

但：

setInterval

案件很重要！
排序后，它会按预期工作，并在图像中消失。

小提琴

于 2013-07-16T17:40:14.707 回答