<link rel="stylesheet" href="/css/rotationslider.css" type="text/css" />  
  <script type="text/javascript" src="/js/jquery.rotationslider.js"></script>

  <script type="text/javascript">  
  $(function(){  
  $("ul#rotationslider").rotationslider({  
  radi:3200,  
  litradi:10,  
  speed:700  
  });  
  });  
  </script>

<ul id="rotationslider">
<li id="cont1"><div>Контент в слайде 1</div></li>
<li id="cont2"><div>Контент в слайде 2</div></li>
<li id="cont3"><div>Контент в слайде 3</div></li>
<li id="cont4"><div>Контент в слайде 4</div></li>
<li id="cont5"><div>Контент в слайде 5</div></li>
<li id="cont6"><div>Контент в слайде 6</div></li>
<li id="cont7"><div>Контент в слайде 7</div></li>
<li id="cont8"><div>Контент в слайде 8</div></li>
  </ul>

  <div id="csb">
  <a href="#cont1"><button>1</button></a>
  <a href="#cont2"><button>2</button></a>
  <a href="#cont3"><button>3</button></a>
  <a href="#cont4"><button>4</button></a>
  <a href="#cont5"><button>5</button></a>
  <a href="#cont6"><button>6</button></a>
  <a href="#cont7"><button>7</button></a>
  <a href="#cont8"><button>8</button></a>
  </div>