Эффект с черно-белого изображения в цветное

10 года 7 мес. назад #4329 от RoonI
Нужен такой эффект как на этом сайте: de-eva.com/
Может кто знает подходящее расширение?

Делаю на этот сайт www.natiboiko.com/ вроде пытался скрипт grayscale подключить, но может что сделал не правильно, так как ничего не вышло((

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

10 года 7 мес. назад #4333 от Wedal
RoonI, есть 2 варианта. Оба в некоторой степени ущербные.
1. Генерируем черно-белое изображение из цветного "на лету" с помощью canvas(как на сайте из вашего примера). К сожалению, canvas - это тег html5 и поддерживается только современными браузерами. Описание реализации здесь: jurius.name/work/javascript/ehffekt-cherno-belogo-izobrazheniya-v-brauzere.html
2. Создаем 2 картинки: цветную и черно-белую, а затем подменяем одну на другую через JS. Описание реализации здесь: webformyself.com/sozdanie-cherno-belogo-izobrazheniya-iz-cvetnogo/

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

10 года 7 мес. назад - 10 года 7 мес. назад #4339 от RoonI
Спасибо большое, получилось! Воспользовался первой ссылкой, вторым методом. Но теперь еще одна проблемка. Работает только с классом картинок color. Что бы не прописывать класс ручками, решил задать его таким способом:
<скрипт type="text/javaскрипт">
$(function(){      
/*Start DocumentReady*/
$('img').addClass('color');
/*End DocumentReady*/
});
</скрипт>


При просмотре через firebug все нормально, класс присвоен, а при просмотре исходного кода нету. Ну и эффект тоже не действует( Как еще можно присвоить всем джепегам класс?

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.