jQuery响应式手机网页图片自动切换代码

使用方法：

引入相关CSS、JS文件

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

初始化、参数配置

$(document).ready(function(){
          $('.slider1').bxSlider({
            slideWidth: 200,
            minSlides: 2,
            maxSlides: 3,
            slideMargin: 10
          });
        });

HTML结构

<div class="slider1">
      <div class="slide"><img src="images/FooBar.png"></div>
      <div class="slide"><img src="images/FooBar.png"></div>
      <div class="slide"><img src="images/FooBar.png"></div>
      <div class="slide"><img src="images/FooBar.png"></div>
      <div class="slide"><img src="images/FooBar.png"></div>
      <div class="slide"><img src="images/FooBar.png"></div>
      <div class="slide"><img src="images/FooBar.png"></div>
      <div class="slide"><img src="images/FooBar.png"></div>
      <div class="slide"><img src="images/FooBar.png"></div>
</div>