用swiper插件 :
html代码:
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="http://file.88mmmoney.com/0c62926a-eea5-417d-8607-c6f3ff00439b" /></div>
<div class="swiper-slide"><img src="https://file.88mmmoney.com/2628c4ce-da82-4ed8-9a57-8df9671cfa95" /></div>
<div class="swiper-slide"><img src="https://file.88mmmoney.com/2628c4ce-da82-4ed8-9a57-8df9671cfa95" /></div>
<div class="swiper-slide"><img src="http://file.88mmmoney.com/0c62926a-eea5-417d-8607-c6f3ff00439b" /></div>
<div class="swiper-slide"><img src="http://file.88mmmoney.com/0c62926a-eea5-417d-8607-c6f3ff00439b" /></div>
</div>
<br />
<br />
<div class="swiper-pagination"></div>
</div>
css代码:
<link rel="stylesheet" type="text/css" href="../css/swiper-4.2.0.min.css" />
js代码:
<script src="../js/jquery-latest.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/swiper-4.2.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/homeStay.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/screen-adapter.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
adaptPageClass = 'content';
$(function() {
var mySwiper = new Swiper ('.swiper-container', {
/*direction: 'vertical',*/
autoplay: {
stopOnLastSlide:true,
disableOnInteraction: false, //设置为false,触屏后自动滑动不会停止
},
pagination: {
el: '.swiper-pagination',
},
loop: true,
// 如果需要滚动条
scrollbar: '.swiper-scrollbar',
})
})
</script>