php - Initialization of div class with predetermined filter - need syntax assistance
one text
I have the next code designed for the gallery. Problem is, upon initialization, it puts all the images in.
<div class="portfolio section-padding" data-scroll-index='2'>
<div class="container-fluid">
<div class="row">
<div class="col-lg-12 section-title text-center">
<h3>Check our recent works</h3>
<p>We have a variety of activities, including, but not limited to, wine tasting, plating, ethnic food preparation, etc.</p>
<span class="section-title-line"></span> </div>
<div class="filtering text-center mb-30">
<button type="button" data-filter='.brochures' class="active">Courses</button>
<button type="button" data-filter='.fresh'>Fresh Ansambles</button>
<button type="button" data-filter='.ethnic'>Ethnic Food</button>
<button type="button" data-filter='.hands'>Hands-on training</button>
<button type="button" data-filter='.entree'>Entrees</button>
</div>
<div class="gallery no-padding col-lg-12 col-sm-12">
<div class="col-lg-4 col-sm-6 fresh no-padding">
<div class="item-img"> <a class="single-image" href="images/gall1.jpeg"></a>
<div class="part-img"> <img src="images/gall1.jpeg" alt="image">
<div class="overlay-img">
<h4>Fresh Ansambles</h4>
<h6>Fruit platter</h6>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 entree no-padding">
<div class="item-img"> <a class="single-image" href="images/gall2.jpeg"></a>
<div class="part-img"> <img src="images/gall2.jpeg" alt="image">
<div class="overlay-img">
<h4>Entrees</h4>
<h6>Platter of entrees</h6>
</div>
</div>
</div>
</div>
Ideally I'd like it to initialize the gallery with data-filter already set to ".brochures". I'm at a loss with the syntax here. Can anyone point me in the right direction?
tried initializing gallery with certain filter set, couldn't
Source