Вот есть у вас сайт. Красочный. И чтобы показать посетителям, что они теряют, если убрать все краски с сайта, нужна кнопка, переключающая без перезагрузки всю страницу в ч/б. Это вообще реализуемо? При условии динамических картинок, шрифтов и фонов в css, и много другого.
Простого решения не вижу. Нужно пробегаться по всему DOM дереву и делать как-то ч/б.
Картинки можно превратить в ч/б при помощи canvas, других способов делать «на лету» не знаю.
Ну а остальные элементы — средствами CSS, или вроде того, тут уже проще должно быть.
И как-то надо запоминать состояние элементов, чтобы потом вернуть обратно всё.
В долгосрочной перспективе может помочь следующее — при заливке на сайт новых фотографий, сохранять также и её черно-белую копию. И при запросе пользователя, выдавать слегка изменённый css: для текста правила сразу написать, а для картинок — менять, например, background: url('images/back.png'); на background: url('images/back-gray.png'), где back-gray.png та самая чёрно-белая копия.
My<cod/>.net
