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
Форумы портала PHP.SU :: Версия для печати :: Как создать такой эффект?
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Как создать такой эффект?

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

1. maximamus - 15 Марта, 2015 - 21:31:49 - перейти к сообщению
Здравствуйте! Не подскажете как сделать такой эффект -http://www[dot]apple[dot]com/macbook/
при скроле, что бы двигался объект
2. exlant - 15 Марта, 2015 - 21:43:23 - перейти к сообщению
какой именно? там много эффектов!
если про первый то там стоит видео, которое проматывается, при скроллинге...
3. maximamus - 19 Марта, 2015 - 14:57:06 - перейти к сообщению
exlant про видео, но хотелось бы картинками сделать, возможно? ну или как сделать так же только с видео?
4. xTODx - 24 Марта, 2015 - 08:13:55 - перейти к сообщению
maximamus пишет:
exlant про видео, но хотелось бы картинками сделать, возможно? ну или как сделать так же только с видео?

Первое - Видео, дальше паралкс для картинок.
Как с видео сделано, не знаю, чесно, но скорее всего JS скрипт.
5. DeepVarvar - 24 Марта, 2015 - 08:24:44 - перейти к сообщению
Уже раз десять туда заглянул. Где вы там видео нашли?
6. xTODx - 24 Марта, 2015 - 08:45:18 - перейти к сообщению
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>

Там где ноут раскрывается.
7. DeepVarvar - 24 Марта, 2015 - 14:15:13 - перейти к сообщению
Ну, если кликнешь на ссыль то плеер всплывает где на видео ноут раскрывается. А где еще?
8. exlant - 24 Марта, 2015 - 14:43:12 - перейти к сообщению
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
В общем можно разобраться!
9. DeepVarvar - 24 Марта, 2015 - 16:22:35 - перейти к сообщению
exlant пишет:
мы наверное с разных браузеров смотрим!
А я думал с одного и того же )) Нет, хтмл5-видео у меня работает. Но, получается, не работает на э-ге-ге-гей-ском сайте ))
10. dcc0 - 24 Марта, 2015 - 16:56:23 - перейти к сообщению
В чем сделать?
Под Виндой:
Adobe Premier, Adobe After Affects.

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

 

Powered by ExBB FM 1.0 RC1