0
In the HTML code that follows below, I have a listing of images within a container
.
I would like to limit the display of these images in a table of 2 lines and 3 columns and paginate to look better visually.
<div class="container">
<a href="#"><img src="img.png"></a>
<a href="#"><img src="img.png"></a>
<a href="#"><img src="img.png"></a>
<a href="#"><img src="img.png"></a>
<a href="#"><img src="img.png"></a>
<a href="#"><img src="img.png"></a>
<a href="#"><img src="img.png"></a>
<a href="#"><img src="img.png"></a>
<a href="#"><img src="img.png"></a>
<a href="#"><img src="img.png"></a>
<a href="#"><img src="img.png"></a>
<a href="#"><img src="img.png"></a>
</div>
<div class="pagination-douts">
<span class="page"></span>
<span class="page actie"></span>
</div>
I’ve tried using the Slick and the jQuery Cycle2, but they display images linearly, either horizontally or vertically.
Can someone give me a hand?
EDIT:
A sketch of what it would be: JSFIDDLE