Anything Slider

Для работы с этим слайдером нужна библиотека jQuery, поэтому сперва подключаем её. 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

В тэги head подключаем js и основной css файл. 

<link rel="stylesheet" href="css/anythingslider.css" />
<script src="js/jquery.anythingslider.js"></script>

Ну и желаемый CSS файл темы тоже необходимо подключить. Я использовал файл от темы metallic: 

<link rel="stylesheet" href="css/theme-metallic.css" />

Структура html должна быть такой: 

<ul id="slider">
  <li><img src="/images/slide_1.jpg" /></li>
  <li><img src="/images/slide_2.jpg" /></li>
  <li><img src="/images/slide_3.jpg" /></li>
  <li><img src="/images/slide_4.jpg" /></li>
</ul>

А вот так происходит инициализация слайдера с минимумом необходимых настроек: 

$(document).ready(function() {
  $('#slider').anythingSlider({
    theme : 'metallic', //название темы
  });
})

Не забываем прописать ширину и высоту слайдера, чтобы всё это работало.