Эффект с черно-белого изображения в цветное
- RoonI
- Автор темы
- Не в сети
- Осваиваюсь на форуме
Less
Больше
- Сообщений: 11
- Спасибо получено: 1
12 года 1 мес. назад #4329
от RoonI
RoonI создал тему: Эффект с черно-белого изображения в цветное
Нужен такой эффект как на этом сайте:
de-eva.com/
Может кто знает подходящее расширение?
Делаю на этот сайт www.natiboiko.com/ вроде пытался скрипт grayscale подключить, но может что сделал не правильно, так как ничего не вышло((
Может кто знает подходящее расширение?
Делаю на этот сайт www.natiboiko.com/ вроде пытался скрипт grayscale подключить, но может что сделал не правильно, так как ничего не вышло((
Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.
- Wedal
- Не в сети
- Администратор
Less
Больше
- Сообщений: 2868
- Спасибо получено: 659
12 года 1 мес. назад #4333
от Wedal
Wedal ответил в теме Re: Эффект с черно-белого изображения в цветное
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/
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/
Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.
- RoonI
- Автор темы
- Не в сети
- Осваиваюсь на форуме
Less
Больше
- Сообщений: 11
- Спасибо получено: 1
12 года 1 мес. назад - 12 года 1 мес. назад #4339
от RoonI
RoonI ответил в теме Re: Эффект с черно-белого изображения в цветное
Спасибо большое, получилось! Воспользовался первой ссылкой, вторым методом. Но теперь еще одна проблемка. Работает только с классом картинок color. Что бы не прописывать класс ручками, решил задать его таким способом:
При просмотре через firebug все нормально, класс присвоен, а при просмотре исходного кода нету. Ну и эффект тоже не действует( Как еще можно присвоить всем джепегам класс?
Code:
<скрипт type="text/javaскрипт">
$(function(){
/*Start DocumentReady*/
$('img').addClass('color');
/*End DocumentReady*/
});
</скрипт>
При просмотре через firebug все нормально, класс присвоен, а при просмотре исходного кода нету. Ну и эффект тоже не действует( Как еще можно присвоить всем джепегам класс?
Последнее редактирование: 12 года 1 мес. назад пользователем RoonI.
Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.