微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Dynamic swiper only 只能在第一张幻灯片上显示和循环

如何解决Dynamic swiper only 只能在第一张幻灯片上显示和循环

动态滑块能够从数据库获取所有数据,但只能在第一个滑块上显示所有数据。而不是随后在滑块中显示。抱歉这个愚蠢的问题,已经研究了几个星期,但似乎找不到任何解决方案。 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 SWIPER

<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>

解决方法

通过使用另一个滑块/滑动器设法解决了这个问题。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。