WordPress как на ладони
Недорогой хостинг для сайтов на WordPress: wordpress.jino.ru

Load More Gallery AJAX

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

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

0
kolshix
24 дня назад 707
  • 0
    mi1354 trapeznaya.ucoz.ru

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

    kolshix 23 дня назад

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

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

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

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

    Комментировать
  • 0

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

    smile

    kolshix 8 дней назад

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

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