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

Тема в разделе "Другие языки", создана пользователем rafic, 2 июл 2009.

Статус темы:
Закрыта.
Модераторы: Цукер
  1. rafic

    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:
     
  2. Zogr

    Zogr Постоялец

    Регистр.:
    6 июн 2008
    Сообщения:
    96
    Симпатии:
    7
    Java или JQuery ??? Может JavaScript?

    В dojo (dojotoolkit.org) это делается элементарно, см. dojo.fadeIn() / dojo.fadeOut()
     
  3. vaad2

    vaad2 Постоялец

    Регистр.:
    18 дек 2006
    Сообщения:
    60
    Симпатии:
    9
    гуглить
    - jquery animate opacity
    - jquery swap background

    или просто менять сделать картинку из 2-х кадров и менять background-position
     
Статус темы:
Закрыта.