Load More Gallery AJAX

лази лоад, насколько я знаю - Это совсем не та тема
лази лоад - это механизм который позволяет не подгружать любые картинки на предустановленных местах, чтоб не перегружать страницу и есть трафик. Когда пользователь скролит на нужное место, только тогда подгружается картинка.

Load More Gallery - позволят с помощью скриптов обращаться к базе данных и выводить дополнительные картинки в места которые не предусмотрены на странице при стандартной загрузке

Load More Post - то же самое что и для галереи - только выводит посты.

уже нашёл некий сайт, склонирую оттуда код. Далее напишу отдельную API страницу для обработки ajax запроса

Спасибо за подсказку.

Уже вопрос разрешил путём копирования кода js и html со стороннего сайта.

если кому нужно могу разместить все решение - сразу вставить не могу, так как нужно немного править и лишних функций и html удалять. Так как я в ajax не бум бум, писал все как умею

$(document).ready(function() {      
	$("#load_more").click(function(e) {
		$.ajax({
			url: 'https://сайт/thumbs_loader',
			type: 'POST',
			data: {
				server: $("#load_server").val(), // Метод .val() используется для получения значений элементов формы, таких как <input>, <select> и <textarea>. При вызове на пустой коллекции, он возвращает undefined.
				u_id: $("#gallery_id").val(),
				g_id: $("#load_id").val(),
				g_ch: $("#gallery_ch").val(),
				img_dir: $("#load_dir").val(),
				visible_pages: $(".gallery_th:visible").length,
				total_pages: $("#load_pages").val(),
				type: 1
			},
			success:function(response){  // response - переменная которая содержит все данные 
			//  alert(response);
				$("#append_thumbs").append(response);  // .append Вставляет содержимое, заданное параметром, в конец каждого элемента в наборе соответствующих элементов

}

		});
	});                 
});