Php Slider Otomatik Döngü

Merhaba arkadaşlar aşağıdaki kod sitedeki slayt için ama slaytlar elle ileri geri mantığı çalışıyor bunu otomatik değişmesi döngüye girmesi için hangi kodu eklemem gerek

<div class="master-slider ms-skin-default" id="masterslider">
    <?php
    $slider = $db->prepare("SELECT * from slayt order by slayt_sira ASC");
    $slider->execute(array(0));
    while ($rowslayt = $slider->fetch(PDO::FETCH_ASSOC)) {
    ?>
    <div class="ms-slide slide-1" data-delay="9">
        <img src="js/masterslider/blank.gif" data-src="trex/<?php echo $rowslayt['slayt_resim']; ?>" alt="" />
        <h3 class="ms-layer section__title-4 section__title-4-white text-popins d-none d-md-block"
            style="left: 230px;top: 245px;color: <?=$rowslayt['slayt_renk']?> !important;" data-type="text"
            data-delay="2000" data-ease="easeOutExpo" data-duration="1230" data-effect="scale(1.5,1.6)">
            <?=$rowslayt['slayt_baslik']?>
        </h3>
        <?php if(!empty($rowslayt['slayt_aciklama'])) { ?>
        <h3 class="ms-layer  d-none d-md-block"
            style="left: 230px; top: 330px;color: <?=$rowslayt['slayt_renk']?> !important;" data-type="text"
            data-effect="top(45)" data-duration="2000" data-delay="2500" data-ease="easeOutExpo">
            <?=$rowslayt['slayt_aciklama']?> </h3>
        <?php } if ($rowslayt['slayt_butonad']) { ?>
        <a href="<?=$rowslayt['slayt_butonlink']?>" class="ms-layer d-btn-bus mr-30 d-none d-md-block"
            style="left: 230px; top: 420px;height: auto;" data-type="text" data-delay="3000" data-ease="easeOutExpo"
            data-duration="1200" data-effect="scale(1.5,1.6)"> <?=$rowslayt['slayt_butonad']?> </a>
        <?php } ?>
    </div>
    <?php } ?>
</div>

Ücretli yardımcı olabilirim.

<div class="master-slider ms-skin-default" id="masterslider">
  <?php
    $slider = $db->prepare("SELECT * from slayt order by slayt_sira ASC");
    $slider->execute(array(0));
    while ($rowslayt = $slider->fetch(PDO::FETCH_ASSOC)) {
  ?>
  <div class="ms-slide slide-1" data-delay="9">
    <img src="js/masterslider/blank.gif" data-src="trex/<?php echo $rowslayt['slayt_resim']; ?>" alt="" />
    <h3 class="ms-layer section__title-4 section__title-4-white text-popins d-none d-md-block"
      style="left: 230px;top: 245px;color: <?=$rowslayt['slayt_renk']?> !important;" data-type="text"
      data-delay="2000" data-ease="easeOutExpo" data-duration="1230" data-effect="scale(1.5,1.6)">
      <?=$rowslayt['slayt_baslik']?>
    </h3>
    <?php if(!empty($rowslayt['slayt_aciklama'])) { ?>
    <h3 class="ms-layer  d-none d-md-block"
      style="left: 230px; top: 330px;color: <?=$rowslayt['slayt_renk']?> !important;" data-type="text"
      data-effect="top(45)" data-duration="2000" data-delay="2500" data-ease="easeOutExpo">
      <?=$rowslayt['slayt_aciklama']?> </h3>
    <?php } if ($rowslayt['slayt_butonad']) { ?>
    <a href="<?=$rowslayt['slayt_butonlink']?>" class="ms-layer d-btn-bus mr-30 d-none d-md-block"
      style="left: 230px; top: 420px;height: auto;" data-type="text" data-delay="3000" data-ease="easeOutExpo"
      data-duration="1200" data-effect="scale(1.5,1.6)"> <?=$rowslayt['slayt_butonad']?> </a>
    <?php } ?>
  </div>
  <?php } ?>
</div>

<script>
  var slideIndex = 0;
  showSlides();

  function showSlides() {
    var i;
    var slides = document.getElementsByClassName("ms-slide");
    for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";
    }
    slideIndex++;
    if (slideIndex > slides.length) {slideIndex = 1}
    slides[slideIndex-1].style.display = "block";
    setTimeout(showSlides, 9000); // Her 9 saniyede bir ilerleme
  }
</script>

yardımınız için teşekkür ederim fakat verdiğiniz kod yaptığımda site hiç açılmadı beyaz sayfada kaldı

Php ile olmaz o dediğiniz. Javascript gerekli.

Dosyanızın adı nedir

Php kodu eklemeden oluşturdum

<div class="master-slider ms-skin-default" id="masterslider">
  <div class="ms-slides">
    <?php
      $slider = $db->prepare("SELECT * from slayt order by slayt_sira ASC");
      $slider->execute(array(0));
      while ($rowslayt = $slider->fetch(PDO::FETCH_ASSOC)) {
    ?>
    <div class="ms-slide slide-1" data-delay="9000">
      <img src="js/masterslider/blank.gif" data-src="trex/<?php echo $rowslayt['slayt_resim']; ?>" alt="" />
      <h3 class="ms-layer section__title-4 section__title-4-white text-popins d-none d-md-block"
          style="left: 230px;top: 245px;color: <?=$rowslayt['slayt_renk']?> !important;" data-type="text"
          data-delay="2000" data-ease="easeOutExpo" data-duration="1230" data-effect="scale(1.5,1.6)">
          <?=$rowslayt['slayt_baslik']?>
      </h3>
      <?php if(!empty($rowslayt['slayt_aciklama'])) { ?>
      <h3 class="ms-layer  d-none d-md-block"
          style="left: 230px; top: 330px;color: <?=$rowslayt['slayt_renk']?> !important;" data-type="text"
          data-effect="top(45)" data-duration="2000" data-delay="2500" data-ease="easeOutExpo">
          <?=$rowslayt['slayt_aciklama']?> </h3>
      <?php } if ($rowslayt['slayt_butonad']) { ?>
      <a href="<?=$rowslayt['slayt_butonlink']?>" class="ms-layer d-btn-bus mr-30 d-none d-md-block"
          style="left: 230px; top: 420px;height: auto;" data-type="text" data-delay="3000" data-ease="easeOutExpo"
          data-duration="1200" data-effect="scale(1.5,1.6)"> <?=$rowslayt['slayt_butonad']?> </a>
      <?php } ?>
    </div>
    <?php } ?>
  </div>
</div>

<script>
  var slider = new MasterSlider();
  slider.setup('masterslider', {
    width: 1140,
    height: 600,
    loop: true,
    autoplay: true,
    fullwidth: true,
    preload: 'all',
    instantStartLayers: true,
    autoplayDelay: 9000,
    view: 'basic',
    swipe: true
  });
  slider.control('arrows', {
    autohide: false,
    overVideo: true
  });
  slider.control('bullets');
</script>

bu dosyanın adı slayt.php

index.php içinde include edilmiş

yine olmadı geçiş yapmıyor shift + f5 yapıyorum aynı sabit