一次要2个滑条

Question

我的网站上大约有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>

现在，我想显示两行徽标部分，例如 This

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

预先感谢...

Answer 1

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

例如：

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

然后，在前端的每个循环中将有两个，以显示滑块1和2。

Answer 2

您可以通过在foreach循环中使用模，并加入奇数/甚至是这样-

<section class="logo slider" style="padding-bottom:10px;">
<?php $i = 0; ?>
<?php foreach ($logo as $row): ?>
<?php if($i%2 == 0){ ?>
<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>
    <?php } else { ?>
    <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  }  $i++;
?>
<?php endforeach; ?>

我对php不太了解，因此请原谅任何语法错误。