<script type="text/javascript" src="/js/jquery.mousewheel.js"></script>  
  <script type="text/javascript" src="/js/jquery.ulslide.js"></script>  
   <style type="text/css">  
   #slide2-pager {  
   clear:both;  
   list-style-type:none;  
   overflow:hidden;  
   margin:0;  
   padding:0;  
   }  
   #slide2-pager li {  
   float: left;  
   }  
   #slide2-pager li a{  
   margin:0 2px;  
   padding:0 7px;  
   border:1px solid #ccc;  
   display:inline-block;  
   }  
   #slide2-pager li a.usl-current{  
   text-decoration: underline;  
   background-color: #777;  
   }  
   </style>

<a href="#" id="slide1_prev">« prev</a> | <a href="#" id="slide1_next">next »</a>  
  <ul id="slide1">   
  <li>   
  <img src="Ссылка на картинку" alt="" />   
  </li>   
  <li>   
  <img src="Ссылка на картинку" alt="" />   
  </li>   
  <li>   
  <img src="Ссылка на картинку" alt="" />   
  </li>   
  <li>   
  <img src="Ссылка на картинку" alt="" />   
  </li>   
  <li>   
  <img src="Ссылка на картинку" alt="" />   
  </li>   
  </ul>   
    
  <script type="text/javascript">   
  $(function() {  
  $('#slide1').ulslide({  
  statusbar: true,  
  width: 443,  
  height: 300,  
  bnext: '#slide1_next',  
  bprev: '#slide1_prev',  
  axis: 'y',  
  mousewheel: true,  
  duration: 500,  
  autoslide: 3000  
  });  
  });  
  </script>