使用jquery创建幻灯片放映

时间:2017-02-11 16:05:05

标签: jquery html css

我想使用jQuery制作一个简单的幻灯片,但是当我使用这段代码时,我在第二行出错了。

这是错误: 缺少"使用严格"声明



$(function(){
$('.slider img:gt(0)').hide();
setInterval(function(){
$('.slider:first-child').fadeOut(1000).next('img').fadeIn(1000).end().appendTo('.slider');},4000);
});

.slider{
	float:right;
	width:100%;
	height:245px;
	background:#E8E4E4;
	border:1px solid #7894A6;
}
.slider img{
	float:right;
	width:100%;
	height:245px;
	background:#E8E4E4;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="slider">
<img src="images/1.jpg"/>
<img src="images/2.jpg"/>
<img src="images/3.jpg"/>
</div>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

这很可能是一个催眠警告,而不是错误。您的代码可能不会因为缺少&#34;使用严格的&#34;而破坏。 但是,要删除该警告,您需要包含&#34; use strict&#34;在您的javascript的第一行,或在函数声明的内部。此外,我冒昧地编写代码格式,以便于阅读/理解:

$(function(){
  "use strict"
  $('.slider img:gt(0)').hide();
  setInterval(function(){
    $('.slider:first-child')
      .fadeOut(1000)
      .next('img')
      .fadeIn(1000)
      .end()
      .appendTo('.slider');
  }, 4000);
});

http://www.w3schools.com/js/js_strict.asp

答案 1 :(得分:0)

要使用jQuery进行简单的幻灯片放映(并且不花费数小时),我可以建议您使用jQuery Slideshow Maker(以低价出售Codecanyon)。

您只需在服务器上传包并登录管理面板。

然后你有很多选项可以创建网页滑块,图库,添加导航,缩略图,图层和图层。更多。

如果您需要任何帮助,我随时可以使用&amp;尽力帮助。