Как с помощью js задать кроссбраузерный черно белый фильтр картинке?

Question

[Alice777]

Как с помощью js задать кроссбраузерный черно белый фильтр картинке?

Может быть кто то сталкивался и имеет готовый код

Answer 1

[likenoother]

Alice777: попробуйте это решение
www.majas-lapu-izstrade.lv/cross-browser-grayscale-ie11

Answer 2

[Flur]

а зачем js то ? css можно обойтись

codepen

.grayscale { 
     filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(grayscale.svg#greyscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}

Comments

[Alice777]

кроссбраузерный хотелось бы, в ие, например, точно не работает

[likenoother]

Alice777:
filter: gray как раз для ie
labs.voronianski.com/css3-grayscale

[Сергей delphinpro]

-o- забыть давно пора ) той оперой уж никто не пользуется )

[Alice777]

likenoother: Извиняюсь за беспокойство и, возможно, мою глупость, но почему когда я открываю эту ссылку с примером или скачанный архив с сайта, и открываю его в ие 11, фильтр не работает?

[Flur]

Alice777: Откройте этот и отпишитесь