How to filter images on the site?

Question

JavaScript

Hello! I have images on the site, I need to make filters, for example (black and white and color). When you click on a black and white filter, only black and white photos should remain on the site, and all the rest were hidden, and so on with other filters.

How can I do that?

Answer 1

Mark each photo with the corresponding class, and when you click on the filter, hide all the pictures that did not have a class, and force them to show them if it was found. For example usingdisplay:block

Answer 2

https://developer.mozilla.org/en/docs/Web/CSS/filter

Answer 3

if there are problems with css filters, some of the filters can be implemented to display a semi-transparent mask image over images