Как у меня есть предыдущие и следующие кнопки ниже, чтобы показать следующее и предыдущее изображение в цикле

Question

Как бы я go показал, что предыдущая и следующая кнопки ниже показывают следующее и предыдущее показанное изображение и соответствующее изображение большого пальца в al oop?

Следующее в al oop:

 <?php 
$array = array(
    $productNumber = 1,
    $btnPrevNumber = 1,
    $btnNxtNumber = 1,
    $thumbNumber = 1); ?>


    <div class="pre pre<?php echo $nxtNumber++; ?>">
      <h2>previous</h2>
    </div>

    <div class="next next<?php echo $nxtNumber++; ?>">
      <h2>next</h2>
    </div>

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

   <!--thumbs images-->
    <div class="col-thumb col-thumb<?php echo $thumbNumber++; ?>">
    </div>

Это jquery

for(let y = 1; y <= 50; y++){
$(".col-thumb"+y).click(function(){
$(".collection-img").fadeOut(); 
$(".collection-img"+y).fadeIn("slow");
 });
}