首页 > 解决方案 > 一次想要 2 个滑块行

问题描述

我的网站上有大约 40 到 50 个徽标,它们都在滑块中,需要很长时间才能看到整个滑块。

这里是

这是我的代码...

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section class="logo slider" style="padding-bottom:10px;">
<?php foreach ($logo $row): ?>
    <div class="col-md-3 col-sm-6 col-xs-12 text-center sm-margin-nine-bottom xs-margin-fifteen-bottom">
        <div class="">
            <a href="#">
                <img alt="" src="<?php echo $base_url; ?>uploads/<?php echo $row->image; ?>" style="height: 250px;width: 2000px;">
            </a>
        </div>
    </div>       
<?php endforeach; ?>
</section>

现在我想显示 2 行我的徽标部分,如下所示

任何建议我该怎么做...

提前致谢...

标签: phpjqueryhtml

解决方案


我建议您使用 array_slice 函数将数组分成两半。

例如:

$array_length = count($logo);
$slider_one = array_slice($logo, 0, $array_length / 2);
$slider_two = array_slice($logo, $array_length / 2);

然后,您将在前端有两个 for each loop 以显示滑块一和二。


推荐阅读