猫头鹰Carousel插件 - 希望第一个选择不显示全部

时间:2015-08-11 14:55:23

标签: jquery twitter-bootstrap owl-carousel

我正在使用猫头鹰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

0 个答案:

没有答案