Анимация при загрузке страницы

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

Автор Темы
Alex15963
Знаток
Знаток
Сообщения: 519
Зарегистрирован: 17 фев 2015, 13:13
Версия Web Builder: 10.4.4

Анимация при загрузке страницы

Сообщение Alex15963 » 12 окт 2018, 00:17

Всем привет! Подскажите пожалуйста. Нужно сделать, что б при загрузке страницы, появлялся сначала логотип, на темном фоне, потом он пропадал и была видна главная страница. Я сделал это таким путем. Прикрепляющийся слой (связывание full), в нем лого и стоит таймер на закрытие через скрытие с эффектом. Что меня не устраивает. При открытии страницы, мелькает сначала вся страница, а потом появляется темный фон (слой). И самое главное. Нужно чтоб анимация скрытия слоя, была горизонтальными раздвижными шторками. В анимации "скрытие с эффектом" - такого нет. Может это можно реализовать другим способом? Что можно придумать со шторками? Спасибо!

Реклама
Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 4869
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Анимация при загрузке страницы

Сообщение anonimus » 12 окт 2018, 03:05

По логике ваш слой должен быть вверху и загружаться раньше, чем остальные элементы.
А он у вас в коде находится скорее всего ниже, чем другие элементы страницы.
На практике не проверял, но по логике именно так.
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
Skype: onlinebusinesscard.ru
Емаil: mailrobot@wwbmaster.ru
Можете в личку отправить свой вайбер, телеграмм, вотсап или просто мобильный и я вас наберу

Аватара пользователя

spoon
Опытный
Опытный
Сообщения: 732
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 12.5
Имя: Дмитрий
Контактная информация:

Анимация при загрузке страницы

Сообщение spoon » 12 окт 2018, 12:43

Ну во-первых загружается документ начиная с DOM, соответственно, всё что вы накидываете в билдер так и работает, а нужно, вашему слою, делать загрузку объекта window, а не документа. типа как у прелоудеров т.е. сперва грузим окно, а уже потом всё остальное. Как пример для понимания
Во-вторых что касается анимации "шторка" тут можно сделать например двумя слоями, которые по таймеру уходят один вниз, другой вверх используя трансформацию в css. Опять же повторюсь, эта как вариант, думаю можно найти готовый скрипт с таким эффектом. Вот тут есть пример шторок, правда демка не работает, скачайте исходник попробуйте.
Если заморачиваться нет желания пишите в лс разберемся.
Съешь ещё этих мягких французских булок, да выпей чаю!

Аватара пользователя

Автор Темы
Alex15963
Знаток
Знаток
Сообщения: 519
Зарегистрирован: 17 фев 2015, 13:13
Версия Web Builder: 10.4.4

Анимация при загрузке страницы

Сообщение Alex15963 » 12 окт 2018, 20:09

Спасибо! Буду пробовать. По шторке интересное решение... Еще раз спасибо!

Аватара пользователя

spoon
Опытный
Опытный
Сообщения: 732
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 12.5
Имя: Дмитрий
Контактная информация:

Анимация при загрузке страницы

Сообщение spoon » 12 окт 2018, 20:57

:-ok-:
Съешь ещё этих мягких французских булок, да выпей чаю!


Ответить

Вернуться в «Общие вопросы.»

Кто сейчас на конференции

Сейчас этот форум просматривают: tymnadmini, Usallpamp, Zetopport и 1 гость