Плавная Смена Картинок

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем BredoZavR, 18 апр 2012.

  1. BredoZavR

    BredoZavR Гость

    Друзья, есть код футера
    Картинка ч/б при наведении меняется на цветную, и наоборот
    Код (Text):
    <center>
    <table width="800px" style="vertical-align:middle">
    <tr>
    <td align="center" width="33%">
    <img width="150" src="http://lifestyledrift.com/img/memozkito_g.png" onmouseout="this.src='http://lifestyledrift.com/img/memozkito_g.png'" onmouseover="this.src='http://lifestyledrift.com/img/memozkito.png'">
    </td>
    <td align="center" width="33%">
    <img width="150" src="http://lifestyledrift.com/img/amalie_g.png" onmouseout="this.src='http://lifestyledrift.com/img/amalie_g.png'" onmouseover="this.src='http://lifestyledrift.com/img/amalie.png'">
    </td>
    <td align="center" width="33%">
    <img width="150" src="http://lifestyledrift.com/img/KEFFC_g.png" onmouseout="this.src='http://lifestyledrift.com/img/KEFFC_g.png'" onmouseover="this.src='http://lifestyledrift.com/img/KEFFC.png'">
    </td>
    </tr>
    </table>
    <!-- <copy> -->Copyright LSD &copy; $YEAR$<!-- </copy> --> <br>
    </center>

    Но при таком виде смены картинок они меняются моментально. Хотелось бы менять плавно. Уже конец рабочего дня, голова плавится. Не хочется прибегать к каким-то полномасштабным скриптам. Подскажите какой-нибудь легковесный способ, пожалуйста.
    Заранее спасибо за помощь.
     
  2. Bugnet

    Bugnet Гость

    Скрипт на jQuery:
    DEMO
     
  3. Valimor

    Valimor Well-Known Member

    Регистрация:
    10 апр 2010
    Сообщения:
    45
    Симпатии:
    0
  4. BredoZavR

    BredoZavR Гость

    Оп-па, мерси большое!) Не знала об этом свойстве. Но в хроме вроде как не работает
     
  5. WillSmeet

    WillSmeet Гость

    а ты используй просто transition и вперед добавляй webkit, o, moz тогда будет работать везде...
    Просто в интернете поищи, я уверен найдёшь много статей!
     
  6. BredoZavR

    BredoZavR Гость

    Я знаю об этом, в примере на том сайте просто не работало даже с установленными значениями, но это лишь в примере
     
Загрузка...
Похожие Темы - Плавная Смена Картинок
  1. lionk
    Ответов:
    30
    Просмотров:
    1.834
  2. dimat
    Ответов:
    6
    Просмотров:
    2.436
  3. NickProstoNick
    Ответов:
    8
    Просмотров:
    3.337
  4. FBUS
    Ответов:
    0
    Просмотров:
    3.331
  5. makaset
    Ответов:
    9
    Просмотров:
    5.398

Поделиться этой страницей