Сделайте предыдущие и следующие кнопки для l oop в Jquery камбузе - PullRequest
Новая
       25

Сделайте предыдущие и следующие кнопки для l oop в Jquery камбузе

0 голосов
/ 29 февраля 2020

У меня есть следующая галерея изображений в al oop, которая увеличивает число после каждого класса .imageclass. 

<?php 
$array = array(
    $productNumber = 1); ?>

<div class="collection-img-wrap">
<?php 
// the query
$wpb_all_query = new WP_Query(array('post_type'=>'product', 'post_status'=>'publish', 'category_name'=>'Collection', 'order' => 'ASC', 'posts_per_page'=>-1)); ?>
 
<?php if ( $wpb_all_query->have_posts() ) : ?>


    <!-- the loop -->
    <?php while ( $wpb_all_query->have_posts() ) : $wpb_all_query->the_post(); ?>


<div class="collection-img collection-img<?php echo $productNumber++; ?>">

<?php $backgroundImg = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );?>

<div class="col-featured-img" style="background: url('<?php echo $backgroundImg[0]; ?>');>
</div>

</div><!--collection-img-->


    <?php endwhile; ?>
    <!-- end of the loop -->

<?php wp_reset_postdata(); ?>
 
<?php else : ?>
    <p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
<?php endif; ?>

</div><!--collection-img-wrap-->

Я пытаюсь создать предыдущую и следующую кнопки для добавления и вычитания числа 1 прокручивать изображения. Как бы я go об этом?

Я создал следующий код для следующей кнопки, когда щелкнул, скрывает все .imageclass и показывает следующий .imageclass с шагом 1, но он не работает для меня. Любая помощь приветствуется. Спасибо! 

for(let y = 1; y <= 50; y++){
$('#next').click(function() {
  $('.imageclass').hide();  
  $('.imageclass'.append(y+1)).show();

});
    }
...