How to add a "Load More" button to infinite scroll?

How to add a "Load More" button to infinite scroll?

I am using infinite scroll plugin on my website to display almost 1000 images. I dont want infinite scroll to load automatic the next set of posts/images. Instead of that i would prefer to add a button at the bottom of page like this "LOAD MORE"

Wahat i have to add at the code below to display a load more button :


  1. $(\'#container\').infinitescroll({  navSelector : \'.green-page-links-list\', // selector for the paged navigation nextSelector : \'.green-page-links-list .green-page-next\', // selector for the NEXT link (to page 2) itemSelector : \'.box\', // selector for all items you\'ll retrieve path: function(pageNumber) { return "'.$start.'" + ((pageNumber - 1) * offset); } }, 

Thanks in advance