对使用Swiper的补充

对于第一篇博文https://blog.csdn.net/weixin_45369499/article/details/100559263使用Swiper插件做轮播图。
我现在发现了一个问题，就是使用Swiper的4.x版本，在浏览器里图片不会自动轮播。这一下我又头大了，查了很多的博客文章和百度了许多的经验，没有说为什么图片不会自动轮播。
首先我对JavaScript部分的代码查看了下，
loop: true, // 循环模式选项这段代码是控制图片自动轮播的，然而我们的轮播图不去自动轮播。
在拼命百度的努力下，终于知道了Swiper的4.x版本是不支持loop:true,的，于是我删掉了loop:true,使用autoplay: true,代替，最后我们的轮播图就自动轮播了。再设置autoplay:1000,1000毫秒也就是每1秒轮播一次。
代码：

   window.onload = function() {
	var mySwiper = new Swiper ('.swiper-container', {
	    direction: 'horizontal', // 水平切换选项
	    autoplay:1000,//每秒中轮播一次
     	/*loop:true,//可以让图片循环轮播*/
     	autoplay: true,
     	autoplayDisableOnInteraction:false,//在点击之后可以继续实现轮播

	    // 如果需要分页器
	    pagination: {
	      el: '.swiper-pagination',
	    },
	    
	    // 如果需要前进后退按钮
	    navigation: {
	      nextEl: '.swiper-button-next',
	      prevEl: '.swiper-button-prev',
	    },
	    
	    // 如果需要滚动条
	    /*scrollbar: {
	      el: '.swiper-scrollbar',
	    },*/
  	})  
}