jQuery(function($){
$('body').on("click", "#true_loadmore", () => {
$(this).html('Загружаю примеры'); // изменяем текст кнопки, вы также можете добавить прелоадер
let data = {
'action': 'loadmore',
'query': true_posts,
'page' : current_page
};
$.ajax({
url:ajaxurl, // обработчик
data:data, // данные
type:'POST', // тип запроса
success:function(data){
if( data ) {
$('#true_loadmore').text('Загрузить ещё').before(data); // вставляем новые посты
current_page++; // увеличиваем номер страницы на единицу
if (current_page == max_pages) $("#true_loadmore").remove(); // если последняя страница, удаляем кнопку
} else {
$('#true_loadmore').remove(); // если мы дошли до последней страницы постов, скроем кнопку
}
}
});
});
});
jQuery(function($){
$('#true_loadmore').click(function(){
$(this).html('Загружаю примеры'); // изменяем текст кнопки, вы также можете добавить прелоадер
let data = {
'action': 'loadmore',
'query': true_posts,
'page' : current_page
};
$.ajax({
url:ajaxurl, // обработчик
data:data, // данные
type:'POST', // тип запроса
success:function(data){
console.log(data);
if( data ) {
$('#true_loadmore').text('Загрузить ещё').before(data); // вставляем новые посты
current_page++; // увеличиваем номер страницы на единицу
if (current_page == max_pages) $("#true_loadmore").remove(); // если последняя страница, удаляем кнопку
} else {
$('#true_loadmore').remove(); // если мы дошли до последней страницы постов, скроем кнопку
}
}
});
});
});
div class="card-images">
<div class="fotorama" data-loop="true" data-nav="thumbs" data-arrows="true" data-click="true" data-swipe="true"
data-allowfullscreen="true" trackpad="true" >
<?php $images = acf_photo_gallery('photos', $post->ID);
if (count($images)): ?>
<?php foreach ($images as $image): ?>
<img src="<?php echo $image['full_image_url']?>" alt="">
<?php endforeach; ?>
<?php endif; ?>
<!-- тут фото карточки-->
</div>
</div>