Автоматическая прокрутка слайдера с задержкой 3 сек - Форум - Уникальные шаблоны и дизайн

Приветствую Вас Прохожий | RSS

Воскресенье, 08.03.2026, 13:07

(Cайты из ТОП 100 | сайт: http://pro-css.ucoz.ua Лучший сайт о Counter-Strike Source и uCoz, с собс...) [ Новые сообщения · Участники · Общие Правила форума · Поиск · RSS ]

Страница 1 из 1 1
Модератор форума: LEO--MESSI

Автоматическая прокрутка слайдера с задержкой 3 сек (Автоматическая прокрутка слайдера с задержкой 3 сек)

Автоматическая прокрутка слайдера с задержкой 3 сек

ipssb35

Дата: Вторник, 05.05.2015, 17:38 | Сообщение # 1

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

Ребят привет! помогите пожалуйста! никак не получается сделать автоматическую прокрутку слайдера 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

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

можно на сайте увидеть ?
з.ы. меня терзают смутные сомнения насчет вот этой строки

Код

setInterval(nextImage, 3000);

Подпись пользователя SlowMotion

ipssb35

Дата: Вторник, 05.05.2015, 21:00 | Сообщение # 3

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

Сайт еще не готов))..а слайдер-карусель вот от сюда)))http://codepen.io/dudleystorey/pen/kiajB

SlowMotion

Дата: Среда, 06.05.2015, 00:48 | Сообщение # 4

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

ipssb35, насколько понял, на столько и сделал

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

Подпись пользователя SlowMotion

Автоматическая прокрутка слайдера с задержкой 3 сек (Автоматическая прокрутка слайдера с задержкой 3 сек)

Страница 1 из 1
1

Статистика Форума

Новые пользователи

Последние темы

Лучшие пользователи

1 Baldvin (Александр Б)

17:53 - 09.05.2025

2 uAdminist (Анатолий)

06:25 - 07.05.2025

3 arturkaas (arturkaas)

12:26 - 02.12.2024

4 Nynikak (Марина)

20:29 - 06.07.2024

5 Vladimrij (Vladimir)

08:13 - 06.04.2024

6 Highvard (Никита)

11:02 - 10.03.2024

7 Khaliff93 (Artem)

14:28 - 26.02.2024

8 Vvvpol (Stepan)

16:43 - 22.02.2024

9 exvardi (Vladimir)

14:47 - 18.02.2024

10 Ja_Rule (Евгений Пил)

10:19 - 13.02.2024

11 funvaz (Gosha)

20:46 - 22.12.2023

12 dj2nik (dj2nik)

11:22 - 11.12.2023

13 gluk123 (Max)

09:42 - 21.10.2023

14 AlexGrim (Alex)

09:22 - 17.10.2023

15 Renegat95 (Ромич)

09:08 - 08.10.2023

16 leon1965 (Bob Dutu)

15:43 - 13.08.2023

17 2ef005 (Андрей)

12:13 - 04.07.2023

18 Coresh100 (Сергей Моро)

23:22 - 28.06.2023

19 11smith11 (Smith Bonda)

18:49 - 18.06.2023

20 perimetr (Николай)

16:53 - 13.05.2023

21 elm2 (Андрей)

09:46 - 03.05.2023

22 qetruhdf2 (alx alex)

23:29 - 02.04.2023

23 3737 (Dudgos)

18:24 - 19.03.2023

24 ziercool (ziercool)

17:54 - 15.03.2023

25 dedtalash (Вадим)

14:32 - 27.02.2023

26 Robin113 (Andrei)

18:05 - 17.02.2023

27 vova_vova (Vov)

23:03 - 09.11.2022

28 Bull888 (Светлана)

09:08 - 25.10.2022

29 tigo1 (Tigo)

21:52 - 21.10.2022

30 fekin4321 (VladFekin)

00:32 - 14.10.2022

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

German ответил автору Vikrumas [28]

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

myod ответил автору kysovue [54]

3 Армия

MarinaKli ответил автору MarinaKli [0]

4 Остались честные СМИ?

KateKuz ответил автору KateKuz [0]

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

KateKuz ответил автору MDNdemon [1]

6 Дисковое пространство

KateKuz ответил автору frolov1028 [3]

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

MarinaKli ответил автору Vistel [5]

8 Ручной прогон по трастовым сай...

kalip27 ответил автору kalip27 [19]

9 бот для умножения денег на фор...

forexmone ответил автору forexmone [0]

10 Программировние

forexmone ответил автору Playmanovich [7]

11 Пропала реклама

forexmone ответил автору frolov1028 [3]

12 У сайта вырос ТИЦ

Openair ответил автору Vistel [8]

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

Openair ответил автору demons063 [2]

14 ⭐️Ручной статейный прогон⭐️

eternalli ответил автору eternalli [0]

15 Как раскрутить кино сайт

eternalli ответил автору JAko [6]

16 [100p] Нарисовать логотип.

XAMEJIUOH ответил автору XAMEJIUOH [0]

17 Требуется человек для создания...

Vikrumas ответил автору Vikrumas [0]

18 Качественный рерайт/копирайт о...

GaV ответил автору GaV [161]

19 Календарь

frolov1028 ответил автору Vikrumas [1]

20 Профильно-статейны прогон по с...

GaV ответил автору GaV [0]

21 Файловик на сайт (копипаст) оп...

MDNdemon ответил автору MDNdemon [58]

22 Изображение в CSS

xbalson ответил автору GaV [2]

23 Файловый Менеджер - Высокая оп...

Freemekc ответил автору Freemekc [2]

24 В каких интернет магазинах вы ...

Beowb428 ответил автору GaV [9]

25 Скрипт и инструкция добавления...

DianaLebe ответил автору мир [3]

26 Трафик на сайт по низким ценам...

brig2 ответил автору vir4us [4]

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

brig2 ответил автору MDNdemon [1]

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

korel ответил автору korel [0]

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

NikeNikol ответил автору NikeNikol [0]

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

GaV ответил автору frolov1028 [1]

1 frolov1028

Репа: 4431

Файлов: 29

Форум: 1317

2 Кирилл

Репа: 4292

Файлов: 15

Форум: 3818

3 мир

Репа: 4084

Файлов: 878

Форум: 1019

4 WinDiZ

Репа: 3943

Файлов: 2

Форум: 1252

5 mdbaner

Репа: 3756

Файлов: 713

Форум: 4723

6 GaV

Репа: 3621

Файлов: 0

Форум: 1262

7 Kapusha

Репа: 3371

Файлов: 35

Форум: 1177

8 PrADeN

Репа: 3318

Файлов: 84

Форум: 2076

9 martinis

Репа: 3247

Файлов: 46

Форум: 444

10 German

Репа: 2768

Файлов: 18

Форум: 258

11 STAFF

Репа: 2720

Файлов: 72

Форум: 757

12 ALINA

Репа: 2677

Файлов: 277

Форум: 9

13 StraJ

Репа: 2243

Файлов: 12

Форум: 545

14 smart4on

Репа: 2232

Файлов: 4

Форум: 661

15 makcim19997

Репа: 2204

Файлов: 171

Форум: 1067

16 GaMeRgame

Репа: 2082

Файлов: 4

Форум: 722

17 TRANE73

Репа: 2015

Файлов: 34

Форум: 165

18 ivanfom

Репа: 1887

Файлов: 15

Форум: 319

19 Zhenikuls

Репа: 1884

Файлов: 6

Форум: 65

20 tmb

Репа: 1570

Файлов: 0

Форум: 214

21 xbalson

Репа: 1378

Файлов: 4

Форум: 561

22 Smile

Репа: 1311

Файлов: 23

Форум: 444

23 hjp^

Репа: 1248

Файлов: 14

Форум: 192

24 domovik21

Репа: 1237

Файлов: 16

Форум: 177

25 Prix

Репа: 1122

Файлов: 6

Форум: 91

26 LEO--MESSI

Репа: 1115

Файлов: 6

Форум: 468

27 Playmanovich

Репа: 1087

Файлов: 3

Форум: 981

28 WmMariupol

Репа: 1081

Файлов: 0

Форум: 55

29 K@rDeL

Репа: 1076

Файлов: 0

Форум: 382

30 LUIS75

Репа: 1033

Файлов: 1

Форум: 198

Избранные ссылки

5 последних закладок

Описание и использование закладок

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