These are my buttons:
This is the images that it filters which i cannot get to work:
I also want to paginate the gallery to 12 images with a see more option
view http://www.yallabinafitness.co.za
- Code: Select all
<div class="work_menu text-center">
<div id="filters" class="toolbar mb2 mt2">
<button class="btn-md fil-cat filter active" data-filter="all"><h4>ALL</h4></button>/
<button class="btn-md fil-cat filter" data-rel="aim" data-filter=".aim"><h4>AIM PRODUCTS</h4></button>/
<button class="btn-md fil-cat filter" data-rel="beauty" data-filter=".beauty"><h4>BEAUTY TREATMENTS</h4></button>
</div>
</div>
This is the images that it filters which i cannot get to work:
- Code: Select all
<div id="portfoliowork">
<div class="single_portfolio tile scale-anm aim photo">
<img src="assets/images/aim1.jpg" style="height:300px; width:480px; border-style:dashed; border-width:0.5px; border-color:mediumorchid;" alt="" />
<a href="assets/images/aim1.jpg" class="portfolio-img">
<div class="grid_item_overlay">
<div class="separator4"></div>
<h3>Aim Products</h3>
<p>Click here to Enlarge</p>
</div>
</a>
</div>
<div class="single_portfolio tile scale-anm aim photo" >
<img src="assets/images/aim2.jpg" style="height:300px; width:480px; border-style:dashed; border-width:0.5px; border-color:#4AB8D3;" alt="" />
<a href="assets/images/aim2.jpg" class="portfolio-img">
<div class="grid_item_overlay">
<div class="separator4"></div>
<h3>Aim Products</h3>
<p>Click here to Enlarge</p>
</div>
</a>
</div>
</div>
I also want to paginate the gallery to 12 images with a see more option
view http://www.yallabinafitness.co.za