Привет, я надеюсь добавить автоматический слайдер c на мою целевую страницу, используя jQuery, хотя я не знаю, как заставить изображения скользить, и как получить к ним доступ

Question

Итак, это раздел, в котором размещено мое фоновое изображение, а ниже - раздел jquery, из которого я не получаю слайды изображений

 <section class="hero-section-5" id="example" style="background: linear-gradient(to bottom, rgba(29, 31, 41, 0.52), rgba(14, 53, 90, 0.73)), url(images/temp_bg.jpg); background-size: cover;"> 


$("#slideshow > div:gt(0)").hide();

setInterval(function() { 
    $('#slideshow > div:first')
      .fadeOut(1000)
      .next()
      .fadeIn(1000)
      .end()
      .appendTo('#slideshow');
  },  3000);

  var images = ['images/temp_bg.jpg',
                'images/bg1.jpg',
                'images/bg4.jpg'];
  var currentIndex = 0;

  setInterval(function() { 
  $('#example').fadeOut(1000).css('background', `linear-gradient(to bottom, rgba(29, 31, 41, 0.52), rgba(14, 53, 90, 0.73)), url(${images[currentIndex]}) no-repeat cover`).fadeIn(1000).end();
  currentIndex = (currentIndex < images.length -1) ? (currentIndex + 1) : 0;
  },  3000);