动态滑动器只能在第一张幻灯片上显示和循环

Question

动态滑块能够从数据库中获取所有数据，但只能在第一个滑块上显示所有数据。而不是随后在滑块中显示。很抱歉这个愚蠢的问题，已经为此工作了数周，似乎找不到任何解决方案。 php 中的 while 循环应该不是问题，但我可能错了。谁能赐教一下？

PHP

<?php
$connect = mysqli_connect("localhost", "root", "", "db");
$result = make_query($connect);

function fetch_array(&$array) {
    // Grab the first value from the array
    $return = current($array);
    // remove the value we just grabbed 
    array_shift($array);
    // if what we have is an array spit it out, else return false
    return is_array($return) ? $return : false;
}

function make_query($connect) { 
    $query = "SELECT * FROM db.slider ORDER BY p_id ASC";
    $result = mysqli_query($connect, $query);
    return $result;
}

function make_slides($result) {
    $output = '';
    $count = 0;
    
    
    while($row = mysqli_fetch_assoc($result)) {
   // while($row = fetch_array($result)) {
        // Not needed as the output is the same
        //if($count == 0) {
        $output .= '
    <div class="swiper-slide platform">
        <img src="'.$row["p_img"].'" alt="'.$row["p_name"].'" />
        <div class="swiper-slide platform">
            <h3>'.$row["p_desc"].'</h3>
        </div>
    </div>';
        // Not used at the moment
         $count++;
         
         
         //echo json_encode($row);
         echo $output;
        
        }
    
    
    return $output;
}

JS 滑动器

<script>
  var swiper = new Swiper('.swiper-container.platform', {
  effect: 'coverflow',
  initialSlide: 0-5,
  grabCursor: true,
  centeredSlides: true,
  slidesPerView: 'auto',
  coverflowEffect: {
    rotate: 0,
    stretch: 0,
    depth: 800,
    modifier: 1,
    slideShadows: true,
  },
  pagination: {
    el: '.swiper-pagination',
  }
});

</script>

Answer 1

使用另一个slider/swiper设法解决了这个问题。

动态滑动器只能在第一张幻灯片上显示和循环

Dynamic swiper only can display and loop only on the first slide

javascript

php

slider

PHP

JS 滑动器