Куда идем?

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

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

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

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

Больше
12 года 1 мес. назад #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/

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

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


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

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