在Microweber中的引导轮播的for循环中显示3个帖子项目

您好,我正在尝试在microweber中显示3个引导轮播项目。我在这里尝试碰运气,因为在几天内无法在microweber中找到太多信息。这是我的代码。

<?php if (!empty($data)): ?>
<script>mw.require("<?php print $config['url_to_module']; ?>css/style.css",true); </script>


<?php $rand = 'item_carousel_'.$params['id']; $id = 'carousel_'.$params['id']; ?>
<div id="<?php print $id; ?>" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    <?php $count = -1; foreach($data  as $item): ?>
    <?php $count++; ?>
    <div class="carousel-item <?php if($count == 0){ print 'active ';} ?>">
      <div class="col-12 col-md-4">
        <div class="card mb-2">
          <?php if($item['tn_image']):  ?>
            <a href="<?php print $item['link'] ?>" class="post-list-item-img" style="background-image:url('<?php print $item['tn_image']; ?>')"> </a>
          <?php endif; ?>
          <div class="card-body">
            <h4 class="text-center card-title"><a href="<?php print $item['link'] ?>"><?php print $item['title'] ?></a></h4>
            <p class="card-text"><?php print $item['description']; ?></p>
          </div>


        </div>
      </div>
    </div>
    <?php endforeach ; ?>
  </div>

   <!--Controls-->

   <a class="carousel-control-prev " href="#<?php print $id; ?>" role="button" data-slide="prev">
    <span class="fas fa-chevron-circle-left fa-2x" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>

  <a class="carousel-control-next" href="#<?php print $id; ?>" role="button" data-slide="next">
    <span class="fas fa-chevron-circle-right fa-2x" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>

  <!--/.Controls-->
</div>

<?php else : ?>

<?php endif; ?>

当前是这样显示的

在Microweber中的引导轮播的for循环中显示3个帖子项目

但是我希望它连续显示3张图像,并使用控件旋转下3个帖子项目。

Venus0808 回答:在Microweber中的引导轮播的for循环中显示3个帖子项目

1-您正在使用哪个模板? 2-您可以在光滑的滑块init中使用 slidesToShow:3

例如:

$('.multiple-items').slick({
  infinite: true,slidesToShow: 3,slidesToScroll: 3
});
本文链接:https://www.f2er.com/3097298.html

大家都在问