Логин:

Пароль:

Форумы
Общие вопросы
Document Object Model
Обсуждаем конференцию
Web Usability (test)

Общие вопросы

Кнопки.

>> 1) В исходном положении имеем кнопку ( прямоугольник ) на неоднородном фоне страницы.
>>
>> 2) При наведении курсора в кнопке происходит анимация.
>
> Слышал про существование анимированных gif-ов? Почему не используеш их?

Leechy, я не новичек в web :) Прилично знаю html, JavaScript ( но вот только расширенным Java Script пока не полностью овладел, поэтому здесь и вопрашаю ) и тем более собаку скушал на gif-ах, анимированных и не очень.

Просто, как я вижу, стандартным JavaScript-ом полной эмитации кнопки не добится... хотя можно это сделать обычной подстановкой кнопок трех вариантов. Но, лично я привык аптимизировать все! Как присловутым убиением ненужных пробелов и переводов строк ( чем, кстати, изобилует код твоего форума ), так и програмным способом ( уж лучше пусть комп пользователя напражется над java кодом, чем пользователь будет напрагаться, получая в двое дольше не оптимизированный документ ).

Так вот... в данном случае, с этой преславутой кнопкой, я хочу, используя 3 положения, оптимизировать хотя бы одно положение. Делается это просто. Анимируется исходное состояние кнопки в состояние, прои наведенной мыши ( допустим 4 кадра ). Потом, этот анимированный гиф оптимизируется - получаем 1-ый кадр = исходному состоянию кнопки, остальные 3 кадра=только измененные пикселы изображения. Потом вырезается самый первый кадр - остаются только 3 кадра без начальной составляющей. Чтобы компенстировать это первый кадр, я как раз и хочу в качестве него использовать рисунок исходного положения кнопки. А для этого мне надо точно на это исходное состояние наложить анимированный гиф в другом слое. вот и вся, собственно, проблема. Да и не только в кнопках это пригождается, а я не знаю как это сделать ( литературы нет, да и живых примеров не встечал пока ). вот и надеюсь, что вы мне наконец поведуете, как же это сотворить.


>
>> 3) При нажатии курсора, визуально, кнопка продавливается... конкретно - уменьшается ее размер по горизонтали и вертикали.
>
> ... прозрачные края картинки при MouseDown... и с учетом того, что в анимированном гифе все гораздо оптимизированнее, чем даже при простой замены картинок с прозрачными частями получаем:
>
> простой roll-over без никаких извращений!
>
СообщениеАвторДата
Кирс22.04.2001 17:46
Leechy22.04.2001 18:11
Кирс23.04.2001 09:26
Leechy23.04.2001 11:54
Кирс23.04.2001 19:56
Leechy24.04.2001 19:02
Кирс25.04.2001 09:56
Konstantin A. M.24.04.2001 09:42
Leechy24.04.2001 18:57