Приветствую Вас Прохожий | RSS Воскресенье, 19.11.2017, 09:59
(Cайты из ТОП 100 | сайт: http://mag-gamer.at.ua/ Я начинающий блогер Mad Gamer) [ Новые сообщения · Участники · Общие Правила форума · Поиск · RSS ]
Страница 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 CuteRacco (CuteRaccoon)

RU18:45 - 30.10.2017

2 fhntv1989 (Артём)

RU16:04 - 29.10.2017

3 hawk22 (Александр)

RU17:51 - 24.10.2017

4 keter (fff)

RU20:17 - 22.10.2017

5 kinolenta (Александр)

RU13:04 - 22.10.2017

6 piotrspec (Piotr)

RU17:39 - 16.10.2017

7 Aty_sauda (Sauda)

KZ20:22 - 13.10.2017

8 zvasl (Vasil)

UA19:02 - 04.10.2017

9 teona2505 (sdad)

GE12:53 - 01.10.2017

10 conf (conf)

RU21:28 - 26.09.2017

11 andyblade (Evgeniy)

UA15:59 - 26.09.2017

12 blyschyk (Леонид)

UA12:49 - 25.09.2017

13 beerman (Dima)

RU19:03 - 23.09.2017

14 Hacuro (Hacuro)

RU06:50 - 14.09.2017

15 error_007 (Farid)

AZ16:12 - 13.09.2017

16 чад (Алексей)

RU20:40 - 10.09.2017

17 qazzaq666 (Дмитрий)

RU00:10 - 07.09.2017

18 lllllllll (lllllllllll)

RU17:44 - 03.09.2017

19 Komar (Олег)

RU13:13 - 02.09.2017

20 tcsenter (Юрий)

RU02:02 - 02.09.2017

21 uniforma (Nilolay)

RU09:26 - 31.08.2017

22 luntik02 (МудроХвост)

RU08:25 - 30.08.2017

23 Beowb428 (Валерий)

UA22:40 - 28.08.2017

24 ARGISHTI (ARGISHTI)

AM17:14 - 28.08.2017

25 Qwerty32 (qwertyu)

US05:59 - 27.08.2017

26 dos777dos (Виталий)

UA03:21 - 26.08.2017

27 PashaDol (Павел)

RU05:50 - 22.08.2017

28 Autumn (Victorius)

MD04:20 - 20.08.2017

29 DianaLebe (Лебедева Ди)

UA04:22 - 19.08.2017

30 yyuiuiyui (xdcsdcsdc)

RU15:10 - 18.08.2017

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

kysovue kysovue [51]

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

Freemekc Freemekc [2]

3 Календарь

Vikrumas Vikrumas [0]

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

Beowb428 GaV [9]

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

GaV GaV [0]

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

DianaLebe мир [3]

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

brig2 vir4us [4]

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

brig2 MDNdemon [1]

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

kalip27 kalip27 [19]

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

korel korel [0]

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

MDNdemon MDNdemon [0]

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

NikeNikol NikeNikol [0]

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

GaV frolov1028 [1]

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

GaV mixmix [2]

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

ilyaclash geomario [1]

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

NikeNikol NikeNikol [0]

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

NikeNikol stimul992 [5]

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

GaV GaV [0]

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

mvr312 mvr312 [0]

20 Ищу работу

mvr312 frolov1028 [5]

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

mvr312 seonjus [1]

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

mvr312 dr_joker [2]

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

frolov1028 demons063 [1]

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

demons063 24writers [1]

25 Верстка

demons063 Smile [13]

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

Egoor Egoor [0]

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

frolov1028 frolov1028 [15]

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

Fikko Vietcong [18]

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

Fikko Vistel [3]

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

Fikko Vikrumas [17]

1 frolov1028

UAРепа: 4431 Файлов: 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 Форум: 1260

7 Kapusha

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

8 PrADeN

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

9 martinis

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

10 German

RUРепа: 2738 Файлов: 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