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

Больше
08 апр 2016 03:32 #1

Привет !

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

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

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

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

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

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

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

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

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

  • Федор
  • Федор аватар
  • Не в сети
  • Администратор
  • Век живи век учись!
Больше
08 апр 2016 14:18 #2

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


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

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

Спасибо сказали: Emilija

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
08 апр 2016 16:49 #3

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

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

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

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

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

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

  • Федор
  • Федор аватар
  • Не в сети
  • Администратор
  • Век живи век учись!
Больше
08 апр 2016 17:33 #4

Федор пишет:

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


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

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

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
08 апр 2016 19:08 #5

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

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

Не понимаю в чём фишка... :(

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

  • Федор
  • Федор аватар
  • Не в сети
  • Администратор
  • Век живи век учись!
Больше
08 апр 2016 19:21 #6

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


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

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

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
08 апр 2016 20:38 #7

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

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

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

Не могу понять, как сделать точно так, как на этой станице www.gramercyparkhotel.com/

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

  • Федор
  • Федор аватар
  • Не в сети
  • Администратор
  • Век живи век учись!
Больше
08 апр 2016 23:28 #8

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


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

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

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
09 апр 2016 00:11 #9

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

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

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

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

Очень благодарю вас !

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

  • Федор
  • Федор аватар
  • Не в сети
  • Администратор
  • Век живи век учись!
Больше
09 апр 2016 01:02 #10

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


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

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

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
09 апр 2016 09:37 #11

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

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

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

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
09 апр 2016 16:28 #12

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

Спасибо вам !

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

  • Федор
  • Федор аватар
  • Не в сети
  • Администратор
  • Век живи век учись!
Больше
09 апр 2016 19:33 #13

Emilija пишет:

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

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


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


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

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

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
09 апр 2016 19:39 #14

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

Благодарю вас, Федор !

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

  • Не допустимо: создать новую тему.
  • Не допустимо: ответить.
  • Не допустимо: добавить вложения.
  • Не допустимо: редактировать ваше сообщение.
Время создания страницы: 0.204 секунд

Сейчас 40 гостей и ни одного зарегистрированного пользователя на сайте

×
×

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

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

×

Научись создавать сайт с нуля бесплатно!