Анимация, как анимировать объект, слой?  [РЕШЕНО]

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

Автор Темы
maxam

Анимация, как анимировать объект, слой?  [РЕШЕНО]

Сообщение maxam » 12 июн 2014, 10:09

Привет всем! Столкнулся со следующей задачей: как анимировать какой-нибудь объект или слой? попробую объяснить, что я хочу сделать.
Допустим, в левой стороне страницы есть вертикальная, прямоугольная картинка (или слой). По краям этой картинки, типа закладок (как в ежедневниках, или блокнотах). Идея такова, что при наведении мышки на закладку, должная выезжать закладка и отображать информацию. Очень похоже на меню, где при наведении на кнопку, открываются еще подразделы. Только в моем случае должна выезжать картинка или что-то в этом роде. При отводе курсора с объекта, картинка должна залезть обратно. Надеюсь, понятно.
Я думал сделать так: Сделать в фотошопе полоски с закладкой на правом краю. Разместить их на странице одна под другой, наложить поверх прямоугольную картинку, чтобы закрывала собой полоски, но только чтобы остались видны закладки. И при наведении курсора на закладку, эта полоска должна выезжать. Как и говорил, при отводе курсора, заезжать обратно.
Я понимаю, можно сделать это посредством events в свойствах. Но есть "НО".
Создал простой слой прямоугольный. В events есть несколько вариантов событий. Я выбираю анимация. И опцию "при наведении мышки". Но там направление анимации только влево... Для эксперимента вписал значение в направлении "влево". Назначил объект. Сделал просмотр сайта. При наведении на слой, он анимируется влево. Все хорошо. Но как сделать, чтобы это все было вправо? И не нашел варианта, как вернуть объект на место при отводе мышки с объекта?
Надеюсь вы поняли о чем я говорю.

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

gladiolus0707
Специалист
Специалист
Сообщения: 1115
Зарегистрирован: 13 янв 2014, 10:56
Версия Web Builder: 10.1
Имя: Иван
Контактная информация:

Re: Анимация, как анимировать объект, слой?

Сообщение gladiolus0707 » 12 июн 2014, 10:53

maxam писал(а):Привет всем! Столкнулся со следующей задачей: как анимировать какой-нибудь объект или слой? попробую объяснить, что я хочу сделать.
Допустим, в левой стороне страницы есть вертикальная, прямоугольная картинка (или слой). По краям этой картинки, типа закладок (как в ежедневниках, или блокнотах). Идея такова, что при наведении мышки на закладку, должная выезжать закладка и отображать информацию. Очень похоже на меню, где при наведении на кнопку, открываются еще подразделы. Только в моем случае должна выезжать картинка или что-то в этом роде. При отводе курсора с объекта, картинка должна залезть обратно. Надеюсь, понятно.
Я думал сделать так: Сделать в фотошопе полоски с закладкой на правом краю. Разместить их на странице одна под другой, наложить поверх прямоугольную картинку, чтобы закрывала собой полоски, но только чтобы остались видны закладки. И при наведении курсора на закладку, эта полоска должна выезжать. Как и говорил, при отводе курсора, заезжать обратно.
Я понимаю, можно сделать это посредством events в свойствах. Но есть "НО".
Создал простой слой прямоугольный. В events есть несколько вариантов событий. Я выбираю анимация. И опцию "при наведении мышки". Но там направление анимации только влево... Для эксперимента вписал значение в направлении "влево". Назначил объект. Сделал просмотр сайта. При наведении на слой, он анимируется влево. Все хорошо. Но как сделать, чтобы это все было вправо? И не нашел варианта, как вернуть объект на место при отводе мышки с объекта?
Надеюсь вы поняли о чем я говорю.

Ничего не понятно. Анимация есть как с лева так и с права к примеру: здесь
Вставай рано, работай до поздна и.... найдешь нефть!


Автор Темы
maxam

Re: Анимация, как анимировать объект, слой?

Сообщение maxam » 12 июн 2014, 11:40

Видимо, что мое описание не помогло понять, что именно я хочу...

Попробую по другому: например, возьмите листок бумаги. под него положите меньший листок, но край оставьте видимым. Теперь нижний листок можно вытянуть наполовину и засунуть обратно. Так мне и нужно сделать с своем сайте. При наведении мышки на край второго листа, лист должен выехать. При уборе мышки от листа, лист должен заехать обратно. Как это сделать?
Вот пример:

Изображение

как и писал, пробовал назначить событие для второго листа. Выбрал - анимация.
Но там, только эти опции:

Изображение

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

vlad
Подающий надежды
Подающий надежды
Сообщения: 145
Зарегистрирован: 08 янв 2014, 19:40
Версия Web Builder: 9.2
Имя: Владимир

Re: Анимация, как анимировать объект, слой?

Сообщение vlad » 12 июн 2014, 16:34

Используйте расширение Tab Slide Out, есть в стандартных.


Автор Темы
maxam

Re: Анимация, как анимировать объект, слой?

Сообщение maxam » 12 июн 2014, 17:14

Спасибо, Влад! Может подскажешь, где это расширение искать?

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

vlad
Подающий надежды
Подающий надежды
Сообщения: 145
Зарегистрирован: 08 янв 2014, 19:40
Версия Web Builder: 9.2
Имя: Владимир

Re: Анимация, как анимировать объект, слой?

Сообщение vlad » 12 июн 2014, 20:08

maxam писал(а):Спасибо, Влад! Может подскажешь, где это расширение искать?

Если программа легальная, то через менеджер расширений.

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

Конструкторщик
Эксперт
Эксперт
Сообщения: 1419
Зарегистрирован: 06 фев 2012, 14:01
Версия Web Builder: 12.0.2

Re: Анимация, как анимировать объект, слой?

Сообщение Конструкторщик » 12 июн 2014, 23:13

Если я правильно понял,то все это можно событиями реализовать.
Однажды купивший-будет платить все время.


Автор Темы
Grigoriy

Re: Анимация, как анимировать объект, слой?

Сообщение Grigoriy » 13 июн 2014, 00:40

gladiolus0707 писал(а):
maxam писал(а):Привет всем! Столкнулся со следующей задачей: как анимировать какой-нибудь объект или слой? попробую объяснить, что я хочу сделать.
Допустим, в левой стороне страницы есть вертикальная, прямоугольная картинка (или слой). По краям этой картинки, типа закладок (как в ежедневниках, или блокнотах). Идея такова, что при наведении мышки на закладку, должная выезжать закладка и отображать информацию. Очень похоже на меню, где при наведении на кнопку, открываются еще подразделы. Только в моем случае должна выезжать картинка или что-то в этом роде. При отводе курсора с объекта, картинка должна залезть обратно. Надеюсь, понятно.
Я думал сделать так: Сделать в фотошопе полоски с закладкой на правом краю. Разместить их на странице одна под другой, наложить поверх прямоугольную картинку, чтобы закрывала собой полоски, но только чтобы остались видны закладки. И при наведении курсора на закладку, эта полоска должна выезжать. Как и говорил, при отводе курсора, заезжать обратно.
Я понимаю, можно сделать это посредством events в свойствах. Но есть "НО".
Создал простой слой прямоугольный. В events есть несколько вариантов событий. Я выбираю анимация. И опцию "при наведении мышки". Но там направление анимации только влево... Для эксперимента вписал значение в направлении "влево". Назначил объект. Сделал просмотр сайта. При наведении на слой, он анимируется влево. Все хорошо. Но как сделать, чтобы это все было вправо? И не нашел варианта, как вернуть объект на место при отводе мышки с объекта?
Надеюсь вы поняли о чем я говорю.

Ничего не понятно. Анимация есть как с лева так и с права к примеру: здесь

Мне показалось или сайт немного тяжелый по весу?
А как сделал такую анимацию? При скроллинге вверх нельзя сделать так, чтобы опять была задействована анимация? Какие-нибудь другие эффекты анимации можно получить?


Автор Темы
maxam

Re: Анимация, как анимировать объект, слой?

Сообщение maxam » 13 июн 2014, 10:12

Конструкторщик писал(а):Если я правильно понял,то все это можно событиями реализовать.


Да, это именно то, что мне и нужно. Буду дома, нужно проверить.


Автор Темы
maxam

Re: Анимация, как анимировать объект, слой?

Сообщение maxam » 13 июн 2014, 10:12

Конструкторщик писал(а):Если я правильно понял,то все это можно событиями реализовать.


Да, это именно то, что мне и нужно. Буду дома, нужно проверить.


Автор Темы
maxam

Re: Анимация, как анимировать объект, слой?

Сообщение maxam » 13 июн 2014, 20:19

Конструкторщик писал(а):Если я правильно понял,то все это можно событиями реализовать.


Так и не смог разгадать загадку... В проекте видимы лишь 4 объекта. Форма, которя закрывает закладки и 3 закладки. Какие-то формы скрыты... Так и не разобрался...
Ведь при просмотре на закладке, которая выехжает, есть текст. А в проекте не нашел...

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

Конструкторщик
Эксперт
Эксперт
Сообщения: 1419
Зарегистрирован: 06 фев 2012, 14:01
Версия Web Builder: 12.0.2

Re: Анимация, как анимировать объект, слой?

Сообщение Конструкторщик » 13 июн 2014, 23:38

maxam писал(а):
Конструкторщик писал(а):Если я правильно понял,то все это можно событиями реализовать.


Так и не смог разгадать загадку... В проекте видимы лишь 4 объекта. Форма, которя закрывает закладки и 3 закладки. Какие-то формы скрыты... Так и не разобрался...
Ведь при просмотре на закладке, которая выехжает, есть текст. А в проекте не нашел...

Изображение
Однажды купивший-будет платить все время.


Автор Темы
maxam

Re: Анимация, как анимировать объект, слой?

Сообщение maxam » 14 июн 2014, 23:13

Конструкторщик, спасибо большое! теперь все понятно!


Ответить

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

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

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость