Question

flexslider怎么实现手动滑动后重新轮播

Answer 1

首先在页面head部位载入jquery库文件和Flexslider插件，以及Flexslider所需的基本css样式文件。

<link rel="stylesheet" type="text/css" href="flexslider.css" />
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.flexslider-min.js"></script>

然后在body中加入以下HTML代码：

<div class="flexslider">
<ul class="slides">
<li><img src="images/s1.jpg" /></li>
<li><img src="images/s2.jpg" /></li>
<li><img src="images/s3.jpg" /></li>
<li><img src="images/s4.jpg" /></li>

Answer 2

$('.flexslider').flexslider({
animation: "slide",
slideshowSpeed: 3000,
pauseOnHover: true,
//触屏滑动后继续自动轮播
before: function (slider) {
slider.pause();
slider.play();
}
});