Приветствую Вас Прохожий | RSS Пятница, 23.06.2017, 03:11
Страница 1 из 11
Модератор форума: LEO--MESSI 
Форум » Поддержка по uCoz » Ответы и помощь для web мастеров » Автоматическая прокрутка слайдера
Автоматическая прокрутка слайдера
Artem215 Дата: Понедельник, 20.04.2015, 19:33 | Сообщение # 1

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Магистр
Группа: Проверенные
Сообщений: 339
Награды: 4
Репутация: 14
Замечания: 60%
Всем привет! Есть слайдер, но автоматически начинает прокручивать изображение только после нажатия на play, как сделать чтобы перелистывание было автоматическим, и как убрать цифры в левом нижнем углу?

Добавлено (20.04.2015, 19:33)
---------------------------------------------

Прикрепления: 7160628.png(167Kb)
 
SlowMotion Дата: Вторник, 21.04.2015, 23:47 | Сообщение # 2

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


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

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Школьник
Группа: Пользователи
Сообщений: 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);
}

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

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

1 yenialbom (Mekhdy)

UA01:12 - 19.06.2017

2 АА001 (55FF)

UA18:26 - 17.06.2017

3 tvtmin (Татьяна)

RU21:30 - 16.06.2017

4 axantroff (max)

BY22:03 - 08.06.2017

5 SIMAx (Symbat Bek)

KG23:13 - 04.06.2017

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

UA19:14 - 04.06.2017

7 TomashBra (TomashBraun)

UA21:09 - 31.05.2017

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

KZ23:23 - 30.05.2017

9 Perepelin (Stanislav)

RU08:16 - 29.05.2017

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

RU07:34 - 27.05.2017

11 Holmic (Igor)

RU19:05 - 26.05.2017

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

RU15:58 - 23.05.2017

13 Serzh (Serzh)

KZ13:13 - 21.05.2017

14 qwerty321 (qwerty321)

UA09:59 - 21.05.2017

15 artistos (Артем)

UA12:05 - 20.05.2017

16 ilyaclash (Илья Гончар)

RU19:17 - 19.05.2017

17 Stranik00 (Serega)

DE01:48 - 15.05.2017

18 sunny (sunny)

DE01:16 - 14.05.2017

19 kelsey (natalya)

RU10:29 - 13.05.2017

20 xdgtl (xdgtl)

RU07:55 - 11.05.2017

21 NikeNikol (Юрий)

RU17:00 - 07.05.2017

22 Ron1212 (Ron2)

RU15:37 - 07.05.2017

23 dinel92 (Dinel)

MD19:06 - 06.05.2017

24 safarik20 (safarik20)

RU08:41 - 06.05.2017

25 maxxam80 (rerer)

RU16:12 - 04.05.2017

26 yuraruden (yura)

UA09:27 - 04.05.2017

27 batura (batura)

UA18:22 - 03.05.2017

28 hstkbygim (Maks)

UA17:56 - 03.05.2017

29 fatalital (fatalital)

RU00:26 - 03.05.2017

30 Admin1982 (SK KOT)

EE17:23 - 01.05.2017

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

korel korel [0]

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

MDNdemon MDNdemon [0]

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

NikeNikol NikeNikol [0]

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

kysovue kysovue [51]

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