title: Jquery - pagination for images inside div's
body: <p>I created simple image gallery and I'm looking for script or solution to make pagination for my images inside div's. </p>
  
  <p>At first, it's my code.</p>
  
  <p><a href="http://codepen.io/Luten/pen/qRpVRp" rel="nofollow noreferrer"><strong>CODEPEN.IO</strong></a></p>
  
  <p>My structure of gallery looks like this:</p>
  
  <pre><code>&lt;div class="container"&gt;
  
   &lt;div class="main-gallery"&gt;
    &lt;div class="a-gallery"&gt;
     &lt;div class="intem-gallery"&gt;
      &lt;div class="image-gallery"&gt;
       IMAGE 
      &lt;/div&gt;
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I found <a href="https://github.com/gbirke/jquery_pagination" rel="nofollow noreferrer">THIS</a> jquery pagination script but it's works on different structure, like this.</p>
  
  <pre><code>&lt;div class="parent"&gt;
   &lt;div class="child"&gt;
    IMAGE
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So can this script handle it with my case or maybe someone have better solution because I need to keep eg. 4 images per site. I would like to have something that will work with my structure.</p>