如何解决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 举报,一经查实,本站将立刻删除。