Grayscaling с помощью javascript

Тема в разделе "Как сделать...", создана пользователем Tadasi, 23 фев 2010.

Статус темы:
Закрыта.
  1. Tadasi

    Tadasi Постоялец

    Регистр.:
    6 май 2008
    Сообщения:
    145
    Симпатии:
    6
    Наткнулся недавно на очень интересную статью как сделать средствами javascript обесцвечивание картинки:

    http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/
    и здесь:
    http://www.jstoolbox.com/2009/05/29/obescvechivanie-elementov/

    Демо можно посмотреть здесь: http://james.padolsey.com/demos/grayscale/

    Но как сделать, что бы картинка обесцвечивалась не по нажатию по кнопке, а просто при наведении на неё мышки? и что бы было плавное обесцвечивание!?

    p.s. Обесцвечиваться должны все картинки, заключенные в тег <div class="grayscaling"> картинка </div>
     
  2. PHP_Master

    PHP_Master

    Регистр.:
    3 фев 2008
    Сообщения:
    2.647
    Симпатии:
    590
    Дружбан, раздел погляди как называется :mad:

    зы onmouseover тебе в помощь.
     
  3. Tadasi

    Tadasi Постоялец

    Регистр.:
    6 май 2008
    Сообщения:
    145
    Симпатии:
    6
    Насчёт раздела я понял - буду впредь внимательнее...

    Ну так поможет кто-нибудь, как прикрутить onmouseover и заставить сие работать через css?
     
Статус темы:
Закрыта.