Кнопки.>> 1) В исходном положении имеем кнопку ( прямоугольник ) на неоднородном фоне страницы. >> >> 2) При наведении курсора в кнопке происходит анимация. > > Слышал про существование анимированных gif-ов? Почему не используеш их?
Leechy, я не новичек в web :) Прилично знаю html, JavaScript ( но вот только расширенным Java Script пока не полностью овладел, поэтому здесь и вопрашаю ) и тем более собаку скушал на gif-ах, анимированных и не очень.
Просто, как я вижу, стандартным JavaScript-ом полной эмитации кнопки не добится... хотя можно это сделать обычной подстановкой кнопок трех вариантов. Но, лично я привык аптимизировать все! Как присловутым убиением ненужных пробелов и переводов строк ( чем, кстати, изобилует код твоего форума ), так и програмным способом ( уж лучше пусть комп пользователя напражется над java кодом, чем пользователь будет напрагаться, получая в двое дольше не оптимизированный документ ).
Так вот... в данном случае, с этой преславутой кнопкой, я хочу, используя 3 положения, оптимизировать хотя бы одно положение. Делается это просто. Анимируется исходное состояние кнопки в состояние, прои наведенной мыши ( допустим 4 кадра ). Потом, этот анимированный гиф оптимизируется - получаем 1-ый кадр = исходному состоянию кнопки, остальные 3 кадра=только измененные пикселы изображения. Потом вырезается самый первый кадр - остаются только 3 кадра без начальной составляющей. Чтобы компенстировать это первый кадр, я как раз и хочу в качестве него использовать рисунок исходного положения кнопки. А для этого мне надо точно на это исходное состояние наложить анимированный гиф в другом слое. вот и вся, собственно, проблема. Да и не только в кнопках это пригождается, а я не знаю как это сделать ( литературы нет, да и живых примеров не встечал пока ). вот и надеюсь, что вы мне наконец поведуете, как же это сотворить.
> >> 3) При нажатии курсора, визуально, кнопка продавливается... конкретно - уменьшается ее размер по горизонтали и вертикали. > > ... прозрачные края картинки при MouseDown... и с учетом того, что в анимированном гифе все гораздо оптимизированнее, чем даже при простой замены картинок с прозрачными частями получаем: > > простой roll-over без никаких извращений! > |