desaturate эффект

Главные вкладки

Аватар пользователя Fabel64 Fabel64 10 февраля 2012 в 7:53

Здравствуйте.
Появилась необходимость обесцвечивания картинки при наведении мыши.

для d6 нашел тут http://www.drupal.ru/node/42183

интересует как на d7 сделать аналогично
подскажите плиз

Комментарии

Аватар пользователя Kas Narayda Kas Narayda 12 января 2013 в 19:55

Присоединяюсь к вопросу. Только мне нужно не обесцвечивание а, наоборот при наведении на картинку она должна принять нормальный вид, при убирании курсора с картинки она должна потускнеть или обесцветится.
Вот здесь http://www.drupal.ru/node/42183 сказано, что такое можно реализовать с помощью imagecache. Подскажите как это сделать.

Аватар пользователя goodboy goodboy 13 января 2013 в 0:01

Модуль позволяет создавать, в числе прочего, обесцвеченные пресеты. А для эффекта нужно написать небольшой скрипт, который бы при hover менял цветной пресет на черно-белый (или наоборот).

Аватар пользователя xSPiRiTx xSPiRiTx 13 января 2013 в 6:28

"Goodboy" wrote:
Модуль позволяет создавать, в числе прочего, обесцвеченные пресеты.

базару ноль
"Goodboy" wrote:
А для эффекта нужно написать небольшой скрипт, который бы при hover менял цветной пресет на черно-белый (или наоборот).

че его писать и дописывать для imagecache actions, если их в сети валом готовых лежит

Аватар пользователя goodboy goodboy 13 января 2013 в 14:17

Opacity, действительно, делается просто, командами http://api.jquery.com/category/effects/fading/
Примеров в сети достаточно, да и самому потренироваться несложно.

Но в названии статьи указано Desaturate - преобразование цветной картинки в grayscale. Здесь немного сложнее и существует 2 подхода: использовать плагин к jquery (стороннюю библиотеку) или imagecache. Kas Narayda спросил как сделать при помощи imagecache, я указал путь на модуль позволяющий делать desaturate.