Есть ли скрипт по моментальному превращению сайта в ч/б?
Вот есть у вас сайт. Красочный. И чтобы показать посетителям, что они теряют, если убрать все краски с сайта, нужна кнопка, переключающая без перезагрузки всю страницу в ч/б. Это вообще реализуемо? При условии динамических картинок, шрифтов и фонов в css, и много другого.
Подумал, что можно как-то так:
1. Динамически заменить css активный — это понятно. Css-картинки заменять тут же (в оформлении они, наверное, статические всё же).
2. Пройтись циклом по картинкам и заменить src, скажем, /img/1.png на /recolor.php?img=1.png, который возвращает ч\б изображение. Можно подгружать эти картинки при загрузке страницы.
Простого решения не вижу. Нужно пробегаться по всему DOM дереву и делать как-то ч/б.
Картинки можно превратить в ч/б при помощи canvas, других способов делать «на лету» не знаю.
Ну а остальные элементы — средствами CSS, или вроде того, тут уже проще должно быть.
И как-то надо запоминать состояние элементов, чтобы потом вернуть обратно всё.
В долгосрочной перспективе может помочь следующее — при заливке на сайт новых фотографий, сохранять также и её черно-белую копию. И при запросе пользователя, выдавать слегка изменённый css: для текста правила сразу написать, а для картинок — менять, например, background: url('images/back.png'); на background: url('images/back-gray.png'), где back-gray.png та самая чёрно-белая копия.
