jQuery插件bxSlider实现响应式焦点图

<!-- jQuery library (served from Google) --> <script src="jquery/1.8.2/jquery.min.js"></script> <!-- bxSlider Javascript file --> <script src="/js/jquery.bxslider.min.js"></script> <!-- bxSlider CSS file --> <link href="/lib/jquery.bxslider.css" rel="stylesheet" /> 

<ul class="bxslider">  <li><img src="/images/pic1.jpg" /></li>  <li><img src="/images/pic2.jpg" /></li>  <li><img src="/images/pic3.jpg" /></li>  <li><img src="/images/pic4.jpg" /></li> </ul> 

$(document).ready(function(){  $('.bxslider').bxSlider(); });