Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Игорь Самохин
@grigor007
http://goldapp.ru
JavaScript
CSS
Как сделали такой эффект зума на js?
Здравствуйте,
не могу разобраться, но очень интересно: как на сайте
canonsuperzoom.nat-geo.ru
сделали зум? Да еще с таким эффектом, что зум идет сквозь капли?
Вопрос задан
более трёх лет назад
2523 просмотра
1
комментарий
Подписаться
2
Оценить
1
комментарий
Facebook
Вконтакте
Twitter
Urukhayy
@Urukhayy
Врятли они одну картинку так зумируют, скорей всего во время "плавного" приблежения идёт незаметная подмена картинок..
Написано
более трёх лет назад
Решения вопроса
1
KorsaR-ZN
@KorsaR-ZN
Там через видео ролики сделано, и когда ролик полностью проигрывается, он скрывается и показывается последний кадр зума, как картинка.
Пример:
видео
и
последний кадр
Ответ написан
более трёх лет назад
1
комментарий
Нравится
2
1
комментарий
Facebook
Вконтакте
Twitter
Игорь Самохин
@grigor007
Автор вопроса
спасибо, и как я сразу не догадался
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
1
kid-programmer
@kid-programmer
Просто запускаю видео бэкграундом, вот ссылка
canonsuperzoom.nat-geo.ru/assets/data/videos/2-bac...
canonsuperzoom.nat-geo.ru/assets/data/videos/5-bac...
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
1
комментарий
Facebook
Вконтакте
Twitter
Игорь Самохин
@grigor007
Автор вопроса
вы правы
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+1 ещё
Простой
Почему постоянно генерируется новая фраза?
1 подписчик
2 часа назад
20 просмотров
0
ответов
JavaScript
+2 ещё
Простой
Ton — Connect UI, подключаем к фреймворку, есть ошибки при оплате, как решить?
1 подписчик
10 часов назад
37 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Почему карточка обзвона нескольких клиентов блокирует инициализацию карточки звонка?
1 подписчик
16 часов назад
51 просмотр
0
ответов
HTML
+1 ещё
Простой
Как сделать что бы в меню были вертикальные полосы на всю высоту?
2 подписчика
20 часов назад
151 просмотр
2
ответа
HTML
+1 ещё
Простой
Как лучше реализовать данный блок?
1 подписчик
21 час назад
73 просмотра
2
ответа
JavaScript
Простой
Есть ли разница каким способом добавлять обработчик события в js, конкретно элементу или всему документу, смотря со стороны производительности?
1 подписчик
вчера
101 просмотр
3
ответа
JavaScript
+1 ещё
Простой
Как прочитать файл через РНР, чтобы обработать его яваскриптом?
2 подписчика
вчера
1349 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как скрыть/показать элемент с определенным текстом?
2 подписчика
вчера
842 просмотра
2
ответа
JavaScript
Средний
EventCalendar. Как установить событие в режим перетаскивания при загрузке страницы?
1 подписчик
07 мар.
73 просмотра
0
ответов
JavaScript
Простой
Как изменить html при помощи jquery?
1 подписчик
06 мар.
387 просмотров
4
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket
•
Смоленск
от 120 000 ₽
Бэкэнд-разработчик JavaScript
Wanted.
•
Москва
от 250 000 до 400 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 420 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама