Контейнер DIV и слайдер фото

Имеются три контейнера "div", внутри каждого контейнера по 3-4 картинки. При нажатии на "div" открывается слайдер, и можно пролистать фотографии. Проблема в том, что картинки в идут в сплошную. Не заканчиваются на 3-4 фотографии т.е выходят на следующий контейнер и пролистываются дальше Вопрос, как сделать так, что бы картинки в контейнере заканчивались на 3-4, и нельзя было просмотреть дальше. Т.е у каждого контейнера свои картинки что бы можно было просмотреть... Надеюсь понятно изложил Спасибо заранее за Ваши ответы.

Пример "div"-a

<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12">
    <a href="images/norif.jpg"  class=" image-popup">
    <a href="images/norif2.jpg" class=" image-popup">
    <a href="images/norif3.jpg" class=" image-popup">
        <figure>
            <img src="images/corrif.png"  class="img-responsive">
        </figure>
        <h3 class="fh5co-figure-lead">Корпус «Риф»</h3>
    </a>
</div>