简单易用的jQuery自适应窗口图片轮播特效代码

最近在帮企业制作宣传网站的时候发现了一款自适应的Banner展示轮播特效代码，效果不错，非常实用！

分享非常简单实用的自适应窗口大小图片轮播代码：

市面上很多轮播代码不能自适应窗口大小，或者是JS文件太多，兼容性也不太好等

分享的这款轮播特效代码兼容性好，适用于多端平台自适应显示…

核心代码展示：

<div id=”slider”>
<ul class=”slides clearfix”>
<li><img class=”responsive” src=”img/1.jpg”></li>
<li><img class=”responsive” src=”img/2.jpg”></li>
<li><img class=”responsive” src=”img/3.jpg”></li>
<li><img class=”responsive” src=”img/4.jpg”></li>
</ul>
<ul class=”controls”>
<li><img src=”img/prev.png” alt=”previous”></li>
<li><img src=”img/next.png” alt=”next”></li>
</ul>
<ul class=”pagination”>
<li class=”active”></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>

可以自己更改轮播的速度，尺寸距离等….

<script type=”text/javascript”>

$(function() {

$(“#slider”).easySlider( {

slideSpeed: 500,

paginationSpacing: “15px”,

paginationDiameter: “12px”,

paginationPositionFromBottom: “20px”,

slidesClass: “.slides”,

controlsClass: “.controls”,

paginationClass: “.pagination”

});

});

</script>

需要的免费下载学习研究吧！