Хочу установить другой слайдер, я вроде все везде прописал, файлы закачал, почему он не работает? (сайт
http://s1079601.storeland.ru/)
Действовал по этой инструкции:
1) Подключить файлы:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="responsiveslides.min.js"></script>
2) Готовим html код для галереи
<ul class="rslides">
<li><img src="1.jpg" alt=""></li>
<li><img src="2.jpg" alt=""></li>
<li><img src="3.jpg" alt=""></li>
</ul>
3) Добавляем CSS
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
4) Активируем слайдшоу
<script>
$(function() {
$(".rslides").responsiveSlides();
});
</script>
5) Настройки
$(".rslides").responsiveSlides({
auto: true, // Boolean: автоматическая прокрутка, true или false
speed: 500, // Integer: скорость в миллисекундах
timeout: 4000, // Integer: время между анимацией в миллисекундах
pager: false, // Boolean: показывать слайдовую навигацию, true или false
nav: false, // Boolean: показывать навигацию, true или false
random: false, // Boolean: случайный порядок слайдов, true или false
pause: false, // Boolean: пауза при наведении мыши, true или false
pauseControls: true, // Boolean: пауза при наведении мыши на элементы управления, true или false
prevText: "Previous", // String: текст для кнопки "предыдущий"
nextText: "Next", // String: текст для кнопки “следующий"
maxwidth: "", // Integer: минимальная ширина, в пикселях
navContainer: "", // Selector: контейнер для элементов управления, по умолчанию 'ul'
manualControls: "", // Selector: собственная навигация
namespace: "rslides", // String: сменить пространство имён
before: function(){}, // Function: колбэк “до”
after: function(){} // Function: колбэк “после”
});