Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Как создать такой эффект?

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
maximamus
Отправлено: 15 Марта, 2015 - 21:31:49
Post Id


Новичок


Покинул форум
Сообщений всего: 9
Дата рег-ции: Апр. 2012  


Помог: 0 раз(а)




Здравствуйте! Не подскажете как сделать такой эффект -http://www[dot]apple[dot]com/macbook/
при скроле, что бы двигался объект
 
 Top
exlant
Отправлено: 15 Марта, 2015 - 21:43:23
Post Id



Посетитель


Покинул форум
Сообщений всего: 425
Дата рег-ции: Февр. 2015  


Помог: 14 раз(а)




какой именно? там много эффектов!
если про первый то там стоит видео, которое проматывается, при скроллинге...
 
 Top
maximamus
Отправлено: 19 Марта, 2015 - 14:57:06
Post Id


Новичок


Покинул форум
Сообщений всего: 9
Дата рег-ции: Апр. 2012  


Помог: 0 раз(а)




exlant про видео, но хотелось бы картинками сделать, возможно? ну или как сделать так же только с видео?
 
 Top
xTODx
Отправлено: 24 Марта, 2015 - 08:13:55
Post Id



Посетитель


Покинул форум
Сообщений всего: 282
Дата рег-ции: Янв. 2013  
Откуда: Киев/Шостка


Помог: 1 раз(а)




maximamus пишет:
exlant про видео, но хотелось бы картинками сделать, возможно? ну или как сделать так же только с видео?

Первое - Видео, дальше паралкс для картинок.
Как с видео сделано, не знаю, чесно, но скорее всего JS скрипт.


-----
Был Ламером, пытался чему-то научится, спустя 2 года так и остался ламером.
 
My status
 Top
DeepVarvar Супермодератор
Отправлено: 24 Марта, 2015 - 08:24:44
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)




Уже раз десять туда заглянул. Где вы там видео нашли?
 
 Top
xTODx
Отправлено: 24 Марта, 2015 - 08:45:18
Post Id



Посетитель


Покинул форум
Сообщений всего: 282
Дата рег-ции: Янв. 2013  
Откуда: Киев/Шостка


Помог: 1 раз(а)




DeepVarvar пишет:
Уже раз десять туда заглянул. Где вы там видео нашли?


CODE (html):
скопировать код в буфер обмена
  1. <video type="video/mp4" src="blob:http%3A//www.apple.com/e5a608f5-bd06-4a11-abf9-af85680c4a64" class="mediaObject-element" style="visibility: visible;"></video>

Там где ноут раскрывается.

(Отредактировано автором: 24 Марта, 2015 - 09:03:02)



-----
Был Ламером, пытался чему-то научится, спустя 2 года так и остался ламером.
 
My status
 Top
DeepVarvar Супермодератор
Отправлено: 24 Марта, 2015 - 14:15:13
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)




Ну, если кликнешь на ссыль то плеер всплывает где на видео ноут раскрывается. А где еще?
 
 Top
exlant
Отправлено: 24 Марта, 2015 - 14:43:12
Post Id



Посетитель


Покинул форум
Сообщений всего: 425
Дата рег-ции: Февр. 2015  


Помог: 14 раз(а)




DeepVarvar пишет:
Ну, если кликнешь на ссыль то плеер всплывает где на видео ноут раскрывается. А где еще?

мы наверное с разных браузеров смотрим!
в chrome, в самом начале стоит закрытый ноутбук, и при скроллинге, начинает открываться! Если скролить назад, то ноутбук соответственно закрывается!
если по нему кляцнуть - код элемента, выводит html5 тег
CODE (html):
скопировать код в буфер обмена
  1. <video type="video/mp4" src="blob:http%3A//www.apple.com/e5a608f5-bd06-4a11-abf9-af85680c4a64" class="mediaObject-element" style="visibility: visible;"></video>

Думаю не все браузеры понимают этот тег, вот он и не везде показывается, хотя насколько я понимаю для альтернативы можно использовать flash

Вот ссылки, может заинтересуют ТС, как это реализовать, самому нет времени разбераться
http://habrahabr[dot]ru/post/104591/ - тут про тег video type
http://www[dot]w3[dot]org/2010/05/video/mediaevents[dot]html - тут про то, что с видео можно делать в js
В общем можно разобраться!
 
 Top
DeepVarvar Супермодератор
Отправлено: 24 Марта, 2015 - 16:22:35
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)




exlant пишет:
мы наверное с разных браузеров смотрим!
А я думал с одного и того же )) Нет, хтмл5-видео у меня работает. Но, получается, не работает на э-ге-ге-гей-ском сайте ))
 
 Top
dcc0
Отправлено: 24 Марта, 2015 - 16:56:23
Post Id


Участник


Покинул форум
Сообщений всего: 1043
Дата рег-ции: Июль 2014  


Помог: 10 раз(а)




В чем сделать?
Под Виндой:
Adobe Premier, Adobe After Affects.

Сохранять все равно в какой формат, можно сохранить как видео, можно как последовательность gif, можно, flash, далее перемещение самого объекта с видео по экрану разными способами. Можно даже в CSS последних версий подозреваю такое делать.

(Отредактировано автором: 24 Марта, 2015 - 16:58:01)



-----
Март 2021. Бросил программирование
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB