WordPress как на ладони
eurobyte.ru - мощные сервера с Дата-центрами в Нидерландах и Москве. От 159 ₽/мес.

Load More Gallery AJAX

На сайтах видел аякс подгрузку картинок из галереи
было показано 10 картинок, нажимаешь на кнопку , появляется ниже ещё 10 и так далее

Может быть кто-то встречал пример кода ???

0
kolshix
3 года назад 779
  • 0
    mi1387 solosofii.com

    В вордпрессе много лази лоад плагинов, но не понимаю зачем это если ленивая загрузка уже есть и так во всех браузерах и в wp.

    kolshix 3 года назад

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

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

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

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

    Комментировать
  • 0
    Bo3gyX103 rwsite.ru

    В новом ядре есть же, можете покопаться

    smile

    kolshix 3 года назад

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

    Уже вопрос разрешил путём копирования кода 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 Вставляет содержимое, заданное параметром, в конец каждого элемента в наборе соответствующих элементов
    
    }
    
    		});
    	});                 
    });
    
    Комментировать
На вопросы могут отвечать только зарегистрированные пользователи. Вход . Регистрация