Иконка ресурса
Скрипт Слайдер для вашего проекта на JavaScript 2018-07-16
- Автор Mex-Vision
- Дата создания
Требует jQuery!
Установка:
1. Перенести стили и скрипты на свой проект и подключить их к странице на которой будет находится слайдер.
2. Скопировать с index.html все что находится между тегами <body>.
3. Настроить позицию и размеры слайдера в стилях.
Как добавить слайды?
1. Добавить в конец #slide_block новый блок - <div class="slide"></div>.
2. Установить ему фоновое изображение в стилях.
.slide:nth-child(х){
background: url(../img/1.jpg);
}
х - порядковый номер вашего блока. Отсчет с 1.
Например у меня есть 3 слайда, хочу добавить еще 1.
.slide:nth-child(4){
background: url(../img/1.jpg);
}
Установка:
1. Перенести стили и скрипты на свой проект и подключить их к странице на которой будет находится слайдер.
2. Скопировать с index.html все что находится между тегами <body>.
3. Настроить позицию и размеры слайдера в стилях.
Как добавить слайды?
1. Добавить в конец #slide_block новый блок - <div class="slide"></div>.
2. Установить ему фоновое изображение в стилях.
.slide:nth-child(х){
background: url(../img/1.jpg);
}
х - порядковый номер вашего блока. Отсчет с 1.
Например у меня есть 3 слайда, хочу добавить еще 1.
.slide:nth-child(4){
background: url(../img/1.jpg);
}