1.   <script language="Javascript">
  2.     $(window).load(function() {
  3.         $('.flexslider').flexslider({
  4.             animation: 'fade',  
  5.             slideshow: false,  
  6.             slideshowSpeed: 8000,  
  7.             animationDuration: 400,  
  8.             directionNav: true,  
  9.             controlNav: true,  
  10.             prevText: '&lsaquo;&lsaquo;&lsaquo;',  
  11.             nextText: '&rsaquo;&rsaquo;&rsaquo;',  
  12.             pauseOnHover: true,  
  13.             controlsContainer: '.carousel-nav',  
  14.             manualControls: 'ul.manualControls li',  
  15.             start: function(){balance_sidebar()},  
  16.             after: function(){balance_sidebar()}  
  17.         });  
  18.     });  
  19.     function balance_sidebar() { }  
  20. </script>  
  21.  
  22. **CSS**  
  23.     .carousel-nav{  
  24.     width:205px;  
  25.     margin:0 0 0 0;  
  26.     padding:0 0 5px 0;  
  27.     border-bottom:1px solid #ccc;  
  28.     float:left;  
  29.     font-weight:700;  
  30.     cursor:pointer;  
  31.     font-family:arial, helvetica, verdana, sans-serif;  
  32.     letter-spacing:0;  
  33. }
  34.  
  35. .carousel-nav ul{  
  36.     margin:0 0 0 0;  
  37.     padding:0;  
  38.     list-style:none;  
  39.     float:left;  
  40. height:12px;  
  41. overflow: hidden;  
  42. }  
  43.  
  44. .carousel-nav ul li{  
  45.     margin:0 0 0 0;  
  46.     padding:0;  
  47.     float:left;  
  48. }  
  49.  
  50. .carousel-nav ul.manualControls li{  
  51.     margin:0 15px 0 0;  
  52.     padding:0 0 5px 0;  
  53. }  
  54.  
  55. **HTML**  
  56.  
  57. <div class="carousel-nav">  
  58.      <ul class="manualControls">  
  59.     <li>
  60.       slide1
  61.     </li>  
  62.     <li>
  63.       slide2
  64.     </li>  
  65.     <li>
  66.       slide3
  67.     </li>  
  68.     <li>
  69.       slide4
  70.     </li>  
  71.     <li>
  72.       slide5
  73.     </li>  
  74.     <li>
  75.       slide6
  76.     </li>  
  77.     <li>
  78.       slide7
  79.     </li>  
  80.     <li>
  81.       slide8
  82.     </li>  
  83.     <li>
  84.       slide9
  85.     </li>  
  86.     <li>
  87.       slide10
  88.     </li>  
  89.     <li>
  90.       slide11
  91.     </li>  
  92.      </ul>  
  93.  </div>