Elastic Slide Show - симпатичный слайдер для сайта Elastic Slide Show - симпатичный слайдер для сайта

Elastic Slide Show - симпатичный слайдер для сайта

Дата: Вторник, 17.12.2013, 12:06 | Сообщение # 1

Группа: Администраторы

Сообщений: 1530

Рабочий пример(код внутри) http://tympanus.net/Tutorials/ElasticSlideshow/index2.html
Скачать: http://kachay.ucoz.org/img13_2/ElasticSlideshow.zip

Дата: Четверг, 05.02.2015, 09:38 | Сообщение # 2

Группа: Администраторы

Сообщений: 1530

Симпатичный слайдер для демонстрации моделей и одежды на моделях

http://codepen.io/IanLunn/pen/Gimja

Дата: Четверг, 05.02.2015, 09:43 | Сообщение # 3

Группа: Администраторы

Сообщений: 1530

Параллакс слайдер(картинки выезжают по заданной траектории)

http://codepen.io/IanLunn/pen/xnLoy

Дата: Четверг, 07.05.2015, 00:08 | Сообщение # 4

Группа: Администраторы

Сообщений: 1530

Типичные слайдеры с множественными настройками http://bxslider.com/

Дата: Воскресенье, 07.06.2015, 14:17 | Сообщение # 5

Группа: Администраторы

Сообщений: 1530

Скрипт суперпростейшего слайдера на CSS и jQuery от anikey99

html
---------------------------------------
<div id="slider">
<img src="slide1.jpg">
<img src="slide2.jpg">
<img src="slide3.jpg">
</div>

css
---------------------------------------
#slider {
position: relative;
width: 600px;
margin: 0;

}

#slider img {
position: absolute;
width: 100%;
}

js
-----------------------------------------
setInterval(function(){
$('#slider :first-child')
.fadeTo(1000,0)
.appendTo('#slider')
.stop(false,true)
.fadeTo(1000,1);
}, 4000);

Пример: http://codepen.io/anikey99/pen/RPVVpV

Elastic Slide Show - симпатичный слайдер для сайта - Архив