Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Скрыть раздел вне другого раздела (https://javascript.ru/forum/misc/25521-skryt-razdel-vne-drugogo-razdela.html)

alexan0308 07.02.2012 23:16

Скрыть раздел вне другого раздела
 
Пытаюсь делать анимацию (движение) картинок. Нужно сделать плавное исчезновение картинки при выходе за допустимую область. Как это реализовать?
Подготовил иллюстрацию ("Прибытие поезда") для ясности проблемы.
http://neftek.legko.ufanet.ru/homesite/jsgames/hod/

Видимо, нужно играть с z индексами. Неужели делать справа еще один слой, а если у меня поезд длинный?

Pavel M. 08.02.2012 11:14

Цитата:

Сообщение от alexan0308 (Сообщение 155996)
Пытаюсь делать анимацию (движение) картинок. Нужно сделать плавное исчезновение картинки при выходе за допустимую область. Как это реализовать?
Подготовил иллюстрацию ("Прибытие поезда") для ясности проблемы.
http://neftek.legko.ufanet.ru/homesite/jsgames/hod/

Видимо, нужно играть с z индексами. Неужели делать справа еще один слой, а если у меня поезд длинный?

можно справа поставить картинку или в современных броузерах просто элемент (как в примере) с плавным размытием (полупрозрачностью)

пример http://jsbin.com/ihadoq/4

alexan0308 08.02.2012 15:26

Ну ладно, придется добавить блоки слева, справа, сверху и снизу... (у меня во все стороны движение) Размером не тоньше всех картинок... (

Pavel M. 08.02.2012 15:56

можно одну картинку png 24 сверху фона и паровозика поставить с прозрачной областью внутри.

alexan0308 08.02.2012 23:36

Цитата:

Сообщение от Maxmaxmaximus (Сообщение 156212)
Ладно, открою секрет, ставь в css паравозика

overflow: hidden;

А точно, только не паровозику, а наоборот, содержащему ему div. Но все равно спасибо, чувак


Часовой пояс GMT +3, время: 05:44.