Why isn't This Pagination Working
<p>I have been trying to paginate a list of images Which are pulled from a directory on my site. I have been successful where as the "One, two, three..sixteen" text in the div  paginates. However all the images ( around 50)all  load at the same time and skip the pagination.  </p>

<p>Is this a loading order with my Scripts or do I need to reconsider how I'm pulling the images from another directory?</p>

<p>Im using this Pagination plugin  - <a href="http://th3silverlining.com/2010/04/15/pajination-a-jquery-pagination-plugin/" rel="nofollow">http://th3silverlining.com/2010/04/15/pajination-a-jquery-pagination-plugin/</a></p>

<p><strong>JQUERY SCRIPTS</strong></p>

<pre><code>&lt;script&gt;
$(document).ready(function() {
    $('.fancybox').fancybox();
    $.ajax({
        url: "user-uploads-thumbnails",
        success: function(data){
            var imageNames = [];
            $(data).find("a:contains(.jpg)").each(function(){
                // store each image name into array
                imageNames.push($(this).attr("href"));
               });

            var sortedImageNames = imageNames.sort();

            for(var i = sortedImageNames.length; i-- &gt; 0;) {
                    var linkImage = 'user-uploads/' + sortedImageNames[i];
                    var thumbnailImage = 'user-uploads-thumbnails/' + sortedImageNames[i];
                    var item = '&lt;li&gt;&lt;a class="fancybox" href="' 
                        + linkImage 
                        + '" data-fancybox-group="gallery"&gt;&lt;img class=dropshadow src="' 
                        + thumbnailImage 
                        + '"&gt;&lt;/a&gt;&lt;/li&gt;';
                    $(item).appendTo('.alt_content');
                }
            $('.fancybox').fancybox();
            }
        });
    });
    $('#paging_container3').pajinate({
                    items_per_page : 5,
                    item_container_id : '.alt_content',
                    nav_panel_id : '.alt_page_navigation'   
                })

&lt;/script&gt;
</code></pre>

<p><strong>DIV Im Trying TO PAGINATE</strong></p>

<pre><code>        &lt;div id="paging_container3" class="container"&gt;
            &lt;h2&gt;Custom List Size&lt;/h2&gt;
            &lt;div class="alt_page_navigation"&gt;&lt;/div&gt;
            &lt;ul class="alt_content"&gt;
                 &lt;li&gt;&lt;p&gt;One&lt;/p&gt;&lt;/li&gt; 
                 &lt;li&gt;&lt;p&gt;Two&lt;/p&gt;&lt;/li&gt; 
                 &lt;li&gt;&lt;p&gt;Three&lt;/p&gt;&lt;/li&gt; 
                 &lt;li&gt;&lt;p&gt;Four&lt;/p&gt;&lt;/li&gt; 
                 &lt;li&gt;&lt;p&gt;Five&lt;/p&gt;&lt;/li&gt; 
                 &lt;li&gt;&lt;p&gt;Six&lt;/p&gt;&lt;/li&gt; 
                 &lt;li&gt;&lt;p&gt;Seven&lt;/p&gt;&lt;/li&gt; 
                 &lt;li&gt;&lt;p&gt;Eight&lt;/p&gt;&lt;/li&gt; 
                 &lt;li&gt;&lt;p&gt;Nine&lt;/p&gt;&lt;/li&gt; 
                 &lt;li&gt;&lt;p&gt;Ten&lt;/p&gt;&lt;/li&gt; 
                 &lt;li&gt;&lt;p&gt;Eleven&lt;/p&gt;&lt;/li&gt; 
                 &lt;li&gt;&lt;p&gt;Twelve&lt;/p&gt;&lt;/li&gt; 
                 &lt;li&gt;&lt;p&gt;Thirteen&lt;/p&gt;&lt;/li&gt; 
                 &lt;li&gt;&lt;p&gt;Fourteen&lt;/p&gt;&lt;/li&gt; 
                 &lt;li&gt;&lt;p&gt;Fifteen&lt;/p&gt;&lt;/li&gt; 
                 &lt;li&gt;&lt;p&gt;Sixteen&lt;/p&gt;&lt;/li&gt; 
            &lt;/ul&gt;   
        &lt;/div&gt;
</code></pre>
