Member-only story

Filter images gallery with jQuery

YvonneDev
May 13, 2019

--

The plugin can filter the images with data-tag and filter buttons generated automatically by data-tag attributes.

Idea Github here

Step1:
jQuery necessary
filter-tages.js

<script src="js/jquery.min.js"></script>

<script src="js/filter-tags.js"></script>

Step2:
HTML

html

The button sections put a filter button which will add automatically with jQuery.
And each image is filtered with “data-tags”.

CSS
Basic styling for buttons and images.

--

--

YvonneDev
YvonneDev

Written by YvonneDev

❤️Front-end Web Development self-taught *share what I learned*

No responses yet