Контейнер 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>