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

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

Суббота, 18.01.2025, 15:28

(Cайты из ТОП 100 | сайт: http://pmr.ucoz.com Новое Приднестровье) [ Новые сообщения · Участники · Общие Правила форума · Поиск · 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 arturkaas (arturkaas)

12:26 - 02.12.2024

2 Nynikak (Марина)

20:29 - 06.07.2024

3 Vladimrij (Vladimir)

08:13 - 06.04.2024

4 Highvard (Никита)

11:02 - 10.03.2024

5 Khaliff93 (Artem)

14:28 - 26.02.2024

6 Vvvpol (Stepan)

16:43 - 22.02.2024

7 exvardi (Vladimir)

14:47 - 18.02.2024

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

10:19 - 13.02.2024

9 funvaz (Gosha)

20:46 - 22.12.2023

10 dj2nik (dj2nik)

11:22 - 11.12.2023

11 gluk123 (Max)

09:42 - 21.10.2023

12 AlexGrim (Alex)

09:22 - 17.10.2023

13 Renegat95 (Ромич)

09:08 - 08.10.2023

14 leon1965 (Bob Dutu)

15:43 - 13.08.2023

15 2ef005 (Андрей)

12:13 - 04.07.2023

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

23:22 - 28.06.2023

17 11smith11 (Smith Bonda)

18:49 - 18.06.2023

18 perimetr (Николай)

16:53 - 13.05.2023

19 elm2 (Андрей)

09:46 - 03.05.2023

20 qetruhdf2 (alx alex)

23:29 - 02.04.2023

21 3737 (Dudgos)

18:24 - 19.03.2023

22 ziercool (ziercool)

17:54 - 15.03.2023

23 dedtalash (Вадим)

14:32 - 27.02.2023

24 Robin113 (Andrei)

18:05 - 17.02.2023

25 vova_vova (Vov)

23:03 - 09.11.2022

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

09:08 - 25.10.2022

27 tigo1 (Tigo)

21:52 - 21.10.2022

28 fekin4321 (VladFekin)

00:32 - 14.10.2022

29 Tasiil (Дмитрий)

06:12 - 06.10.2022

30 ambako22 (ambako)

20:10 - 13.09.2022

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

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

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

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

3 Армия

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

20 Календарь

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 то что бы исправить необходимо удалить все куки браузера
Если вы заметили ошибки то сообщайте администратору.