- Форум
- Расширения Joomla
- Поиск подходящего расширения
- Эффект с черно-белого изображения в цветное
Эффект с черно-белого изображения в цветное
RoonI / Автор темы \

Новичок

11
1
1
10 года 7 мес. назад #4329 от RoonI
Нужен такой эффект как на этом сайте:
de-eva.com/
Может кто знает подходящее расширение?
Делаю на этот сайт www.natiboiko.com/ вроде пытался скрипт grayscale подключить, но может что сделал не правильно, так как ничего не вышло((
Может кто знает подходящее расширение?
Делаю на этот сайт www.natiboiko.com/ вроде пытался скрипт grayscale подключить, но может что сделал не правильно, так как ничего не вышло((
Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.
Wedal

Администратор

2879
228
663
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/
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 / Автор темы \

Новичок

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