Question

我正在使用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;
}

Jquery：

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

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

Answer 1

不是：

setinterval

但：

setInterval

案件事项！
一旦它被排序，它按预期工作，通过图像逐渐消失。

FIDDLE

使用Jquery的图像幻灯片放映不工作

1 个答案: