Приветствую Вас Прохожий | RSS Среда, 10.12.2025, 08:54
  • Страница 1 из 1
  • 1
Модератор форума: 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 из 1
  • 1
Поиск:

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

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

US17:53 - 09.05.2025

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

RU06:25 - 07.05.2025

3 arturkaas (arturkaas)

DE12:26 - 02.12.2024

4 Nynikak (Марина)

NL20:29 - 06.07.2024

5 Vladimrij (Vladimir)

UA08:13 - 06.04.2024

6 Highvard (Никита)

BY11:02 - 10.03.2024

7 Khaliff93 (Artem)

US14:28 - 26.02.2024

8 Vvvpol (Stepan)

UA16:43 - 22.02.2024

9 exvardi (Vladimir)

MD14:47 - 18.02.2024

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

BY10:19 - 13.02.2024

11 funvaz (Gosha)

KZ20:46 - 22.12.2023

12 dj2nik (dj2nik)

UA11:22 - 11.12.2023

13 gluk123 (Max)

UA09:42 - 21.10.2023

14 AlexGrim (Alex)

RU09:22 - 17.10.2023

15 Renegat95 (Ромич)

RU09:08 - 08.10.2023

16 leon1965 (Bob Dutu)

CA15:43 - 13.08.2023

17 2ef005 (Андрей)

UA12:13 - 04.07.2023

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

BY23:22 - 28.06.2023

19 11smith11 (Smith Bonda)

UA18:49 - 18.06.2023

20 perimetr (Николай)

BY16:53 - 13.05.2023

21 elm2 (Андрей)

BY09:46 - 03.05.2023

22 qetruhdf2 (alx alex)

RU23:29 - 02.04.2023

23 3737 (Dudgos)

CA18:24 - 19.03.2023

24 ziercool (ziercool)

PL17:54 - 15.03.2023

25 dedtalash (Вадим)

BY14:32 - 27.02.2023

26 Robin113 (Andrei)

DE18:05 - 17.02.2023

27 vova_vova (Vov)

UA23:03 - 09.11.2022

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

UA09:08 - 25.10.2022

29 tigo1 (Tigo)

AM21:52 - 21.10.2022

30 fekin4321 (VladFekin)

UA00: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

UAРепа: 4431 Файлов: 29 Форум: 1317

2 Кирилл

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

3 мир

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

4 WinDiZ

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

5 mdbaner

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

6 GaV

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

7 Kapusha

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

8 PrADeN

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

9 martinis

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

10 German

RUРепа: 2768 Файлов: 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 Форум: 561

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-2025


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