我正在使用猫头鹰carousel插件,我有大量的照片。默认视图显示所有图像,然后允许用户选择子类别。为了防止用户不得不滚动浏览所有这些,我希望第一个子图像分组是用户首次呈现而不是所有图像。
<ul class="container-filter categories-filter">
<li><a class="categories" data-filter="*">All</a></li>
<li><a class="categories active" data-filter=".one">Correctional</a></li>
<li><a class="categories" data-filter=".two">Animal Care</a></li>
<li><a class="categories" data-filter=".three">Restaurants</a></li>
<li><a class="categories" data-filter=".four">Industrial</a></li>
<li><a class="categories" data-filter=".five">Research</a></li>
<li><a class="categories" data-filter=".six">Healthcare</a></li>
</ul>
<div class="row container-grid nf-col-3">
<div class="nf-item one spacing">
<div class="item-box">
<a class="cbox-gallary1" href="img/projectImages/corrections/1.jpg" title="Consequat massa quis">
<img alt="1" src="img/projectImages/corrections/1.jpg" class="item-container">
<div class="item-mask">
<div class="item-caption">
<h5 class="white">Header</h5>
<p class="white">Title</p>
</div>
</div>
</a>
</div>
</div