Анимация при загрузке страницы
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
-
Alex15963
- Опытный

- Сообщения: 697
- Зарегистрирован: 17 фев 2015, 13:13
- Версия Web Builder: 10.4.4
- Имя: Алексей
Анимация при загрузке страницы
Всем привет! Подскажите пожалуйста. Нужно сделать, что б при загрузке страницы, появлялся сначала логотип, на темном фоне, потом он пропадал и была видна главная страница. Я сделал это таким путем. Прикрепляющийся слой (связывание full), в нем лого и стоит таймер на закрытие через скрытие с эффектом. Что меня не устраивает. При открытии страницы, мелькает сначала вся страница, а потом появляется темный фон (слой). И самое главное. Нужно чтоб анимация скрытия слоя, была горизонтальными раздвижными шторками. В анимации "скрытие с эффектом" - такого нет. Может это можно реализовать другим способом? Что можно придумать со шторками? Спасибо!
Реклама
-
anonimus
- Moderator

- Сообщения: 5248
- Зарегистрирован: 12 июн 2012, 07:12
- Версия Web Builder: 12.0.2
- Имя: Анатолий Webmaster
- Контактная информация:
Анимация при загрузке страницы
По логике ваш слой должен быть вверху и загружаться раньше, чем остальные элементы.
А он у вас в коде находится скорее всего ниже, чем другие элементы страницы.
На практике не проверял, но по логике именно так.
А он у вас в коде находится скорее всего ниже, чем другие элементы страницы.
На практике не проверял, но по логике именно так.
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============
-
spoon
- Помешаный

- Сообщения: 1614
- Зарегистрирован: 17 сен 2016, 13:20
- Версия Web Builder: 14.2.2
- Имя: Дмитрий
Анимация при загрузке страницы
Ну во-первых загружается документ начиная с DOM, соответственно, всё что вы накидываете в билдер так и работает, а нужно, вашему слою, делать загрузку объекта window, а не документа. типа как у прелоудеров т.е. сперва грузим окно, а уже потом всё остальное. Как пример для понимания
Во-вторых что касается анимации "шторка" тут можно сделать например двумя слоями, которые по таймеру уходят один вниз, другой вверх используя трансформацию в css. Опять же повторюсь, эта как вариант, думаю можно найти готовый скрипт с таким эффектом. Вот тут есть пример шторок, правда демка не работает, скачайте исходник попробуйте.
Если заморачиваться нет желания пишите в лс разберемся.
Во-вторых что касается анимации "шторка" тут можно сделать например двумя слоями, которые по таймеру уходят один вниз, другой вверх используя трансформацию в css. Опять же повторюсь, эта как вариант, думаю можно найти готовый скрипт с таким эффектом. Вот тут есть пример шторок, правда демка не работает, скачайте исходник попробуйте.
Если заморачиваться нет желания пишите в лс разберемся.
Съешь ещё этих мягких французских булок, да выпей чаю!
Телега
Телега
-
Alex15963
- Опытный

- Сообщения: 697
- Зарегистрирован: 17 фев 2015, 13:13
- Версия Web Builder: 10.4.4
- Имя: Алексей
Анимация при загрузке страницы
Спасибо! Буду пробовать. По шторке интересное решение... Еще раз спасибо!
-
spoon
- Помешаный

- Сообщения: 1614
- Зарегистрирован: 17 сен 2016, 13:20
- Версия Web Builder: 14.2.2
- Имя: Дмитрий
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 2 гостя


