jQuery plug-in bxSlider implements responsive focus map_jquery

<!-- 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" / alt="jQuery plug-in bxSlider implements responsive focus map_jquery" ></li> 
 <li><img  src="/images/pic2.jpg" / alt="jQuery plug-in bxSlider implements responsive focus map_jquery" ></li> 
 <li><img  src="/images/pic3.jpg" / alt="jQuery plug-in bxSlider implements responsive focus map_jquery" ></li> 
 <li><img  src="/images/pic4.jpg" / alt="jQuery plug-in bxSlider implements responsive focus map_jquery" ></li> 
</ul> 

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