Как установить слайдер от и до?

<script src="http://Имя_сайта/templates/Имя_шаблона/js/jquery-1.x.x.js"></script>

<script src="http://Имя_сайта/templates/Имя_шаблона/js/имя_файла.js" type="text/javascript"></script>

<!-- jQuery library (served from Google) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="/jq/js/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="/jq/lib/jquery.bxslider.css" rel="stylesheet" />
<script type="text/javascript">
$(document).ready(function(){
  $('.bxslider').bxSlider();
});
</script>

<ul class="bxslider">
  <li><img src="slider/1.png" /></li>
  <li><img src="slider/2.png" /></li>
 </ul>

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

<link href="/jq/jquery.bxslider.js" rel="stylesheet" />
<link href="/jq/jquery.bxslider.css" rel="stylesheet" />

<ul class="bxslider">
<li><img src="slider/1.png" /></li>
<li><img src="slider/2.png" /></li>
</ul>