Адаптивный слайдер ResponsiveSlides

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Адаптивный слайдер ResponsiveSlides - демо</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="/assets/css/bootstrap.css" rel="stylesheet" />
<link rel="stylesheet" href="/design/adaptive-slider/2015/r-slides/responsiveslides.css">
<script src="/assets/js/jquery-1.10.2.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/design/adaptive-slider/2015/r-slides/responsiveslides.min.js"></script>
<style>
body {background: url(/design/adaptive-slider/2015/r-slides/bg.png) repeat;}
h1 {color:#fff;}
/* Стили для pager */
.rslides_tabs {
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
}
.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
}
.rslides_tabs a:hover {
  border: 0;
}
.rslides_tabs li:first-child {
  margin-left: 0;
}
.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
}
/* /Стили для pager */
</style>
</head>
<body>
<div class="container">
<div class="row text-center">
<div class="col-md-12">
<h1>Адаптивный слайдер ResponsiveSlides</h1>

<ul class="rslides">
<li><img src="/design/adaptive-slider/2015/r-slides/1.jpg" alt="Слайд 1"></li>
<li><img src="/design/adaptive-slider/2015/r-slides/2.jpg" alt="Слайд 2"></li>
<li><img src="/design/adaptive-slider/2015/r-slides/3.jpg" alt="Слайд 3"></li>
</ul>
<script>
$(".rslides").responsiveSlides({
  auto: true,             // Включить автовоспроизведение, true или false
  speed: 500,            // Скорость смены слайдов, значение ms
  timeout: 4000,          // Скорость перехода между слайдами, значение ms 
  pager: true,           // Показать количество слайдов, true or false
  nav: false,             // Показать элементы навигации, true or false
  random: true,          // Включить смешивание, true or false
  pause: true,           // Включить паузу при наведении, true or false
  pauseControls: true,    // Включить паузу при наведении на элементы управления, true or false
  prevText: "Previous",   // Текст элемента предыдущий
  nextText: "Next",       // Текст элемента следующий
  maxwidth: "",           // Максимальная ширина слайдера
  navContainer: "",       // Селектор CSS управления навигацией
  manualControls: "",     // Селектор CSS элементов управления
  namespace: "rslides",   // Имя родительского элемента CSS
  before: function(){},   // Кэлбэки :before
  after: function(){}     // Кэлбэки :after
});
</script>

</div>
</div>
</div>

</body>
</html>