Приветствую Вас Прохожий | RSS Пятница, 22.11.2024, 04:29
(Cайты из ТОП 100 | сайт: http://film.3dn.ru Смотреть бесплатные фильмы онлайн бесплатно) [ Новые сообщения · Участники · Общие Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: LEO--MESSI  
Автоматическая прокрутка слайдера
Artem215 Дата: Понедельник, 20.04.2015, 19:33 | Сообщение # 1

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

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

Прикрепления: 7160628.png (166.9 Kb)
 
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);
}

Заранее Спасибо большое!!
 
  • Страница 1 из 1
  • 1
Поиск:

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

1 Nynikak (Марина)

NL20:29 - 06.07.2024

2 Vladimrij (Vladimir)

UA08:13 - 06.04.2024

3 Highvard (Никита)

BY11:02 - 10.03.2024

4 Khaliff93 (Artem)

US14:28 - 26.02.2024

5 Vvvpol (Stepan)

UA16:43 - 22.02.2024

6 exvardi (Vladimir)

MD14:47 - 18.02.2024

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

BY10:19 - 13.02.2024

8 funvaz (Gosha)

KZ20:46 - 22.12.2023

9 dj2nik (dj2nik)

UA11:22 - 11.12.2023

10 gluk123 (Max)

UA09:42 - 21.10.2023

11 AlexGrim (Alex)

RU09:22 - 17.10.2023

12 Renegat95 (Ромич)

RU09:08 - 08.10.2023

13 leon1965 (Bob Dutu)

CA15:43 - 13.08.2023

14 2ef005 (Андрей)

UA12:13 - 04.07.2023

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

BY23:22 - 28.06.2023

16 11smith11 (Smith Bonda)

UA18:49 - 18.06.2023

17 perimetr (Николай)

BY16:53 - 13.05.2023

18 elm2 (Андрей)

BY09:46 - 03.05.2023

19 qetruhdf2 (alx alex)

RU23:29 - 02.04.2023

20 3737 (Dudgos)

CA18:24 - 19.03.2023

21 ziercool (ziercool)

PL17:54 - 15.03.2023

22 dedtalash (Вадим)

BY14:32 - 27.02.2023

23 Robin113 (Andrei)

DE18:05 - 17.02.2023

24 vova_vova (Vov)

UA23:03 - 09.11.2022

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

UA09:08 - 25.10.2022

26 tigo1 (Tigo)

AM21:52 - 21.10.2022

27 fekin4321 (VladFekin)

UA00:32 - 14.10.2022

28 Tasiil (Дмитрий)

BY06:12 - 06.10.2022

29 ambako22 (ambako)

GE20:10 - 13.09.2022

30 sadnon (Vitaliy)

UA09:37 - 10.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

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


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