Расворение картинки после клика.

Статус
В этой теме нельзя размещать новые ответы.

rafic

Местный житель
Регистрация
14 Май 2008
Сообщения
477
Реакции
24
Ищу скрипт на Java или jQuerty. Суть скрипта в следующем:

При клике на картику 1 она должна красиво раствориться и вместо нее должна появиться картинка 2. И наоборот: при клике на картинку 2 она должна раствориться, и вместо нее должна обратно появиться картинка 1.
Где найти сие чудо? гооглил и нашел только вот такой код:
PHP:
<HTML>
<HEAD>
<SCRIPT LANGUAGE=JavaScript>
intImage = 2;
function swapImage() {
switch (intImage) {
case 1:
IMG1.src = "http://www.microsoft.com/library/toolbar/images/mslogo.gif";
intImage = 2;
return(false);
case 2:
IMG1.src = "http://msdn.microsoft.com/msdn-online/start/images/msdn-logo.gif";
intImage = 1;
return(false);
}
}
</SCRIPT>
</HEAD>
<BODY>
<IMG id="IMG1" name="IMG1" src="http://www.microsoft.com/library/toolbar/images/mslogo.gif"
onclick="swapImage();">
</BODY>
</HTML>
Но здесь картинки просто меняются, а растворения нет.:bc:
 
Java или JQuery ??? Может JavaScript?

В dojo (dojotoolkit.org) это делается элементарно, см. dojo.fadeIn() / dojo.fadeOut()
 
гуглить
- jquery animate opacity
- jquery swap background

или просто менять сделать картинку из 2-х кадров и менять background-position
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху