Closed terenceingram closed 9 years ago
Yes, it's possible. Here is an example of how you can implement it:
<div class="container">
<div class="item">
<img src="path/to/image" width="320" height="200" />
</div>
<div class="item">
<img src="path/to/image" width="290" height="200" />
</div>
<!-- more items -->
</div>
<button class="btn-more">Load more</button>
$(".container").rowGrid({
minMargin: 10,
maxMargin: 35,
itemSelector: ".item"
});
$(".btn-more").on("click", function() {
// here you can do an AJAX request
var newItems = "<div class='item'><img src='http://placehold.it/310x200' /></div>"
// append new items
$(".container").append(newItems);
// arrange appended items
$(".container").rowGrid("appended");
});
Thanks will give it a go.
Do you have an option to click say a button to load more instead of just scrolling?