Решено Передвижение oбъекта и Плавный переход между фото

  • Ответов 8
  • Спасибо получено: 0

Emilija создал эту тему: Передвижение oбъекта и Плавный переход межд

Привет !

Подскажите, пожалуйста, как сделать так :

объект стоит на середине страницы неподвижный и прозрачный, то есть - невидимый.
Вращая мышку, он стоит на месте и начинает появляться до 100%.
После одной-двух прокруток мышки, объект начинает подниматься в верх и постепенно становится невидимым.

Пример, о которым я говорю: www.gramercyparkhotel.com/

Я имею виду ромба по середине - "III Hotel Dining".

Мне не удаётся сделать чтобы ромб стоял на месте, пока он достигает 100% видимости при прокрутке. У меня он сразу появляется и, постепенно исчезая, уходит в верх.
Какие нужны установки ?

И второй вопрос - как вы думаете, используется ли ли какой виджет при очень плавном переходе между фото ??
Если виджет используется, то может вы знаете какой ?

Пожалуйста, помогите, если будет минута времени...

Большое Большое спасибо Вам !
Емиля
#1
  • Федор
  • Федор аватар
  • Не в сети
  • Администратор
  • Администратор
  • Век живи век учись!
  • Ответов 476
  • Репутация: 19
  • Спасибо получено: 54

Федор ответил в теме Передвижение oбъекта и Плавный переход межд

Здравствуйте, внимательно изучите вот эти уроки возможно помогут:
Урок 1
Урок 2
Про смену плавно изображений поможет этот урок:
Урок 3

Как разместить скриншот (снимок экрана) на форум? Скриншот нужно загрузить вот на этот сервер geekpic.net .
После загрузки нужно взять оригинальную ссылку и вставить на форум.

Это изображения скрыто для гостей.
Пожалуйста, зарегистрируйтесь или войдите, чтобы увидеть его.

#2
Спасибо сказали: Emilija
  • Ответов 8
  • Спасибо получено: 0

Emilija ответил в теме Передвижение oбъекта и Плавный переход межд

Большое спасибо Вам !

Всё пересмотрела, но мне кикак не удаётся сделать чтобы прокручивая мышкой, ромб стоял на месте 2-3 секунды и видимость эти 2-3 секунды был 100%.

У меня, как только ромб достигает 100% видимости, он сразу поднимается в верх.

Но как его задержать на 2-3 секунды с 100% видимостью, прокручивая мышкой ?? :(

Большое спасибо !
#3
  • Федор
  • Федор аватар
  • Не в сети
  • Администратор
  • Администратор
  • Век живи век учись!
  • Ответов 476
  • Репутация: 19
  • Спасибо получено: 54

Федор ответил в теме Передвижение oбъекта и Плавный переход межд

Федор пишет: [quote="Но как его задержать на 2-3 секунды с 100% видимостью, прокручивая мышкой ?? :(

Это можно сделать тем способом что я дал уроки! Тут нужно набить руку, смотрите внимательно уроки и пробуйте.

Как разместить скриншот (снимок экрана) на форум? Скриншот нужно загрузить вот на этот сервер geekpic.net .
После загрузки нужно взять оригинальную ссылку и вставить на форум.

Это изображения скрыто для гостей.
Пожалуйста, зарегистрируйтесь или войдите, чтобы увидеть его.

#4
  • Ответов 8
  • Спасибо получено: 0

Emilija ответил в теме Передвижение oбъекта и Плавный переход межд

ааа... , ваша рука уже "набита" и вам как 2х2 всё ясна как там делается :)

Посмотрела ваши уроки внимательно три раза, но не получяется мне этого ромба задержать на месте на 2-3 сек.

Не понимаю в чём фишка... :(
#5
  • Федор
  • Федор аватар
  • Не в сети
  • Администратор
  • Администратор
  • Век живи век учись!
  • Ответов 476
  • Репутация: 19
  • Спасибо получено: 54

Федор ответил в теме Передвижение oбъекта и Плавный переход межд

У вас все картинки которые участвуют в разработке лендинга находятся в одной папке?

Как разместить скриншот (снимок экрана) на форум? Скриншот нужно загрузить вот на этот сервер geekpic.net .
После загрузки нужно взять оригинальную ссылку и вставить на форум.

Это изображения скрыто для гостей.
Пожалуйста, зарегистрируйтесь или войдите, чтобы увидеть его.

#6
  • Ответов 8
  • Спасибо получено: 0

Emilija ответил в теме Передвижение oбъекта и Плавный переход межд

Да, у меня всегда все картинки находятся в одной папке.

Посмотрите, пожалуйста, этот файл "Rombe.muse". (в ...@mail.ru )

Что-то делаю не так...

Не могу понять, как сделать точно так, как на этой станице www.gramercyparkhotel.com/
#7
  • Федор
  • Федор аватар
  • Не в сети
  • Администратор
  • Администратор
  • Век живи век учись!
  • Ответов 476
  • Репутация: 19
  • Спасибо получено: 54

Федор ответил в теме Передвижение oбъекта и Плавный переход межд

а вам надо через 2-3 секунды чтобы просто исчез? или еще и движение при этом было?

Как разместить скриншот (снимок экрана) на форум? Скриншот нужно загрузить вот на этот сервер geekpic.net .
После загрузки нужно взять оригинальную ссылку и вставить на форум.

Это изображения скрыто для гостей.
Пожалуйста, зарегистрируйтесь или войдите, чтобы увидеть его.

#8
  • Ответов 8
  • Спасибо получено: 0

Emilija ответил в теме Передвижение oбъекта и Плавный переход межд

Да, именно, нужно и движение и чтобы он при этом одновременно постепенно исчез.

Мне надо сделать ровно так, кад на том сайте - www.gramercyparkhotel.com

При прокрутке мышью центральный ромб "|||" появляется постепенно и он не двигается.
Когда он достигает 100% видимости - он остаётся на месте, когда я немного прокручиваю лист вниз.
Потом ромб начинает двигаться вверх и одновременно исчезать.

Я думаю вам это навереное не составит труда.

Очень благодарю вас !
#9
  • Федор
  • Федор аватар
  • Не в сети
  • Администратор
  • Администратор
  • Век живи век учись!
  • Ответов 476
  • Репутация: 19
  • Спасибо получено: 54

Федор ответил в теме Передвижение oбъекта и Плавный переход межд

Я не знаю как так сделать в Adobe Muse, можно только что бы он появлялся например с низу в месте с движением, потом останавливался на сколько вам нужно, а потом на месте исчезал! Что бы еще и двигался у меня не получилось так сделать.

Как разместить скриншот (снимок экрана) на форум? Скриншот нужно загрузить вот на этот сервер geekpic.net .
После загрузки нужно взять оригинальную ссылку и вставить на форум.

Это изображения скрыто для гостей.
Пожалуйста, зарегистрируйтесь или войдите, чтобы увидеть его.

#10
  • Ответов 8
  • Спасибо получено: 0

Emilija ответил в теме Передвижение oбъекта и Плавный переход межд

Я пробовала появление и движение ромба разделить на две слои.

1 слой: он появляется постепенно и, когда достигает до 100% видимости, он мгновенно исчезает.
2 слой: ромб мгновенно появляется сразу 100% видимости, не можко стоит на месте и потом ромб начинает двигаться вверх и одновременно исчезать.

Но я не понимаю как сделать чтобы на втором слое, мгновенно появившийся ромб, не можко стоял на месте, когда я немного прокручиваю страницу вниз.
#11
  • Ответов 8
  • Спасибо получено: 0

Emilija ответил в теме Передвижение oбъекта и Плавный переход межд

Федор, a как можно сделать, как вы говорите, чтобы он появлялся с низу в месте с движением, потом останавливался на сколько нужно, а потом на месте исчезал ?

Спасибо вам !
#12
  • Федор
  • Федор аватар
  • Не в сети
  • Администратор
  • Администратор
  • Век живи век учись!
  • Ответов 476
  • Репутация: 19
  • Спасибо получено: 54

Федор ответил в теме Передвижение oбъекта и Плавный переход межд

Emilija пишет: Федор, a как можно сделать, как вы говорите, чтобы он появлялся с низу в месте с движением, потом останавливался на сколько нужно, а потом на месте исчезал ?

Это изображения скрыто для гостей.
Пожалуйста, зарегистрируйтесь или войдите, чтобы увидеть его.


Как вариант нижний элемент опустить гораздо ниже изображения. Ну или придется мудрить с двумя одинаковыми изображениями, обман зрения, одно заменяет другое.

Как разместить скриншот (снимок экрана) на форум? Скриншот нужно загрузить вот на этот сервер geekpic.net .
После загрузки нужно взять оригинальную ссылку и вставить на форум.

Это изображения скрыто для гостей.
Пожалуйста, зарегистрируйтесь или войдите, чтобы увидеть его.

#13
  • Ответов 8
  • Спасибо получено: 0

Emilija ответил в теме Передвижение oбъекта и Плавный переход межд

Попробую сделать ваш вариант :)

Благодарю вас, Федор !
#14
  • Не допустимо: создать новую тему.
  • Не допустимо: ответить.
  • Не допустимо: добавить вложения.
  • Не допустимо: редактировать ваше сообщение.

© Федор Васильев, 2014-2017. Все права защищены.

Видео уроков:
Отзывов:
Активных подписчиков:
Клиентов:

 


Почта: Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.

Тел: +7 960-375-50-04

Чтобы быть в курсе самых новых и важный событий моего сайта, оставьте свою электроную почту.

Никакого спама, гарантия 100%.