Приветствую Вас Прохожий | RSS Пятница, 21.07.2017, 01:41
(Cайты из ТОП 100 | сайт: http://sheva-cs.ucoz.ru/ sheva-cs.ucoz.ru Все для counter strike и не тольк...) [ Новые сообщения · Участники · Общие Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: LEO--MESSI 
Форум » Поддержка по uCoz » Ответы и помощь для web мастеров » Автоматическая прокрутка слайдера с задержкой 3 сек (Автоматическая прокрутка слайдера с задержкой 3 сек)
Автоматическая прокрутка слайдера с задержкой 3 сек
ipssb35 Дата: Вторник, 05.05.2015, 17:38 | Сообщение # 1

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Школьник
Группа: Пользователи
Сообщений: 3
Награды: 0
Репутация: 0
Замечания: 0%
Ребят привет! помогите пожалуйста! никак не получается сделать автоматическую прокрутку слайдера c задержкой 3 сек, только ручной:
HTML:
<div id="carousel">
<figure id="spinner">
<img src="images/pic1.jpg" title="" alt="">
<img src="images/pic2.jpg" title="" alt="">
<img src="images/pic3.jpg" title="" alt="">
<img src="images/pic4.jpg" title="" alt="">
<img src="images/pic5.jpg" title="" alt="">
<img src="images/parkkk.jpg" title="" alt="">

</figure>
</div>
<span style=float:left class=ss-icon onclick="galleryspin('-')"><</span>
<span style=float:right class=ss-icon onclick="galleryspin('')">></span>
_________________________________________________________________________
CSS:
div#carousel {
margin-top: 0.8%;
perspective: 1200px;
background: linear-gradient(#037DAB,#022836);
padding-top: 3%;
font-size:0;
margin-bottom: 3rem;
overflow: hidden;
}
figure#spinner {
transform-style: preserve-3d;
height: 250px;
transform-origin: 50% 50% -700px;
transition: 1s;
}
figure#spinner img {
width: 60%; max-width: 1000px;
position: absolute; left: 20%;
transform-origin: 50% 50% -700px;
outline:1px solid transparent;

}
figure#spinner img:nth-child(1) { transform:rotateY(0deg);
}
figure#spinner img:nth-child(2) { transform: rotateY(-60deg); }
figure#spinner img:nth-child(3) { transform: rotateY(-120deg); }
figure#spinner img:nth-child(4) { transform: rotateY(-180deg); }
figure#spinner img:nth-child(5){ transform: rotateY(-240deg); }
figure#spinner img:nth-child(6){ transform: rotateY(-300deg); }

div#carousel ~ span {
color: #fff;
margin: 5%;
display: inline-block;
text-decoration: none;
font-size: 2rem;
transition: 0.6s color;
position: relative;
margin-top: -6rem;
border-bottom: none;
line-height: 0; }
div#carousel ~ span:hover { color: #888; cursor: pointer; }
____________________________________________________________________
JS:
var angle = 0;
function galleryspin(sign) {
spinner = document.querySelector("#spinner");
if (!sign) { angle = angle + 45; } else { angle = angle - 45; }
spinner.setAttribute("style","-webkit-transform: rotateY("+ angle +"deg); -moz-transform: rotateY("+ angle +"deg); transform: rotateY("+ angle +"deg);");

setInterval(nextImage, 3000);
}

Заранее Спасибо большое!!
 
SlowMotion Дата: Вторник, 05.05.2015, 20:41 | Сообщение # 2

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Магистр
Группа: Проверенные
Сообщений: 259
Награды: 16
Репутация: 450
Замечания: 0%
можно на сайте увидеть ?
з.ы. меня терзают смутные сомнения насчет вот этой строки
Код
setInterval(nextImage, 3000);


Подпись пользователя SlowMotion
 
ipssb35 Дата: Вторник, 05.05.2015, 21:00 | Сообщение # 3

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Школьник
Группа: Пользователи
Сообщений: 3
Награды: 0
Репутация: 0
Замечания: 0%
Сайт еще не готов))..а слайдер-карусель вот от сюда)))http://codepen.io/dudleystorey/pen/kiajB
 
SlowMotion Дата: Среда, 06.05.2015, 00:48 | Сообщение # 4

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Магистр
Группа: Проверенные
Сообщений: 259
Награды: 16
Репутация: 450
Замечания: 0%
ipssb35, насколько понял, на столько и сделал


Сообщение отредактировал SlowMotion - Среда, 06.05.2015, 01:42


Подпись пользователя SlowMotion
 
Форум » Поддержка по uCoz » Ответы и помощь для web мастеров » Автоматическая прокрутка слайдера с задержкой 3 сек (Автоматическая прокрутка слайдера с задержкой 3 сек)
Страница 1 из 11
Поиск:

Статистика Форума
Новые пользователи Последние темы Лучшие пользователи

1 KoJIo6oK (Evgeny Baba)

RU20:18 - 19.07.2017

2 vitos0709 (Виталий)

RU15:50 - 19.07.2017

3 neozeda (neozeda)

UA22:59 - 18.07.2017

4 ztrongkg (omurbek)

KG18:35 - 18.07.2017

5 alexkhud (alexkhud)

RU08:06 - 17.07.2017

6 plmokn (oknplm)

KG21:15 - 14.07.2017

7 111111one (sdfghtrgefw)

RU21:57 - 09.07.2017

8 trggrd (Noname)

DE18:51 - 08.07.2017

9 andrey87 (Андрей)

BY21:20 - 06.07.2017

10 mixa2310 (Михаил)

UA21:43 - 05.07.2017

11 gruber (Алексанлр)

RU09:28 - 04.07.2017

12 dimados (dimados)

RU13:41 - 02.07.2017

13 Eadee (Пафнутий)

RU17:54 - 28.06.2017

14 tyzoff (kytyzov)

KG07:56 - 28.06.2017

15 crazzy (crazz)

RU18:55 - 27.06.2017

16 darpol (Андрей)

UA10:13 - 27.06.2017

17 orohimaru (Славик)

UA08:20 - 27.06.2017

18 ark123aa (vadim)

MD09:39 - 23.06.2017

19 yenialbom (Mekhdy)

UA01:12 - 19.06.2017

20 АА001 (55FF)

UA18:26 - 17.06.2017

21 tvtmin (Татьяна)

RU21:30 - 16.06.2017

22 axantroff (max)

BY22:03 - 08.06.2017

23 SIMAx (Symbat Bek)

KG23:13 - 04.06.2017

24 Ardego (Александр)

UA19:14 - 04.06.2017

25 TomashBra (TomashBraun)

UA21:09 - 31.05.2017

26 андрей85 (андрей)

KZ23:23 - 30.05.2017

27 Perepelin (Stanislav)

RU08:16 - 29.05.2017

28 василий (василий)

RU07:34 - 27.05.2017

29 Holmic (Igor)

RU19:05 - 26.05.2017

30 MOPKOBKA (Владимир)

RU15:58 - 23.05.2017

1 Комплексный прогон сайтов ру и...

kysovue kysovue [51]

2 Создать лого на сайт

korel korel [0]

3 Раздача подарков и стикеров в ...

MDNdemon MDNdemon [0]

4 25 жирных ссылок. Яндекс Катал...

NikeNikol NikeNikol [0]

5 выровнять вид материалов

GaV frolov1028 [1]

6 Продам муз сайт

GaV mixmix [2]

7 прошу вас помогите

ilyaclash geomario [1]

8 Продам базу трастовых сайтов с...

NikeNikol NikeNikol [0]

9 Цвет ника на форуме

NikeNikol stimul992 [5]

10 Мощный прогон с общим ТИЦ 1061...

GaV GaV [0]

11 Нужны копирайты

mvr312 mvr312 [0]

12 Ищу работу

mvr312 frolov1028 [5]

13 Ищу работу по продвижению сайт...

mvr312 seonjus [1]

14 Файловик. Уникальные тексты и ...

mvr312 dr_joker [2]

15 Продам билеты в московский кин...

MDNdemon MDNdemon [0]

16 Нужны дизайнеры

frolov1028 demons063 [1]

17 Вакансия копирайтера/переводчи...

demons063 24writers [1]

18 Верстка

demons063 Smile [13]

19 Продажа ручного рерайта |...

Egoor Egoor [0]

20 Проблема с информером

frolov1028 frolov1028 [15]

21 Не работает статистика сайта

Fikko Vietcong [18]

22 Может у кого есть!

Fikko Vistel [3]

23 Работа на заводе

Fikko Vikrumas [17]

24 Вконтакте без причины блокирую...

Fikko mdbaner [10]

25 Проблема с bbcode (code)

Asiriz Asiriz [0]

26 Как скачать видео файл из hqq....

Asiriz мир [5]

27 Уже все перепробовал )

Asiriz sanek12091 [2]

28 Как защитить авторсвто?

Asiriz boost [3]

29 Лого сайта

alcohol07 alcohol07 [0]

30 Предлагаю услуги для английски...

skylins skylins [0]

1 frolov1028

UAРепа: 4416 Файлов: 29 Форум: 1316

2 Кирилл

RUРепа: 4292 Файлов: 15 Форум: 3818

3 мир

MDРепа: 4084 Файлов: 878 Форум: 1018

4 WinDiZ

Репа: 3943 Файлов: 2 Форум: 1252

5 mdbaner

MDРепа: 3732 Файлов: 713 Форум: 4723

6 GaV

RUРепа: 3621 Файлов: 0 Форум: 1258

7 Kapusha

RUРепа: 3326 Файлов: 35 Форум: 1177

8 PrADeN

FRРепа: 3318 Файлов: 84 Форум: 2076

9 martinis

RUРепа: 3247 Файлов: 46 Форум: 444

10 German

RUРепа: 2723 Файлов: 18 Форум: 258

11 STAFF

USРепа: 2720 Файлов: 72 Форум: 757

12 ALINA

RUРепа: 2677 Файлов: 277 Форум: 9

13 StraJ

UAРепа: 2243 Файлов: 12 Форум: 545

14 smart4on

BYРепа: 2232 Файлов: 4 Форум: 661

15 makcim19997

RUРепа: 2204 Файлов: 171 Форум: 1067

16 GaMeRgame

RUРепа: 2082 Файлов: 4 Форум: 722

17 TRANE73

RUРепа: 2015 Файлов: 34 Форум: 165

18 ivanfom

RUРепа: 1887 Файлов: 15 Форум: 319

19 Zhenikuls

RUРепа: 1884 Файлов: 6 Форум: 65

20 tmb

RUРепа: 1570 Файлов: 0 Форум: 214

21 xbalson

MDРепа: 1378 Файлов: 4 Форум: 560

22 Smile

RUРепа: 1311 Файлов: 23 Форум: 444

23 hjp^

RUРепа: 1248 Файлов: 14 Форум: 192

24 domovik21

UAРепа: 1237 Файлов: 16 Форум: 177

25 Prix

RUРепа: 1122 Файлов: 6 Форум: 91

26 LEO--MESSI

RUРепа: 1115 Файлов: 6 Форум: 468

27 Playmanovich

UAРепа: 1087 Файлов: 3 Форум: 981

28 WmMariupol

UAРепа: 1081 Файлов: 0 Форум: 55

29 K@rDeL

RUРепа: 1076 Файлов: 0 Форум: 382

30 LUIS75

RUРепа: 1033 Файлов: 1 Форум: 198

Избранные ссылки
5 последних закладок Описание и использование закладок
Закладки создаются при помощи "куков" которые хранятся в вашем браузере 30 дней, если жи вы почистили куки в своем браузере то закладки исчезнут.
отображаются только 5 последних закладок, предыдущие удаляются по мере обновления списка.
Вы можете любую не нужную закладку удалить нажатием X на против ссылки.
Бывает что запись кука пролетает, но это уже ошибки браузера и его записей.
Если при обновление страницы выводится ошибка 400 то что бы исправить необходимо удалить все куки браузера
Если вы заметили ошибки то сообщайте администратору.


Copyright UcozOn.ru™ © 2008-2017


Кнопка 88х31 сайта ucozon.ru