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

轮播中帖子的foreach循环laravel 6

如何解决轮播中帖子的foreach循环laravel 6

我有一个问题,我不知道如何在轮播幻灯片显示其他帖子以连续显示其他3个帖子。它只向我显示6,5,4 .. 4 ..6,4我想要1,2,3-> 4,6或6,4-> 3,1

幻灯片1:

slide 1

幻灯片2:

slide 2

控制器:

$posts = Post::latest()->take(3)->get();

我应该保留所有帖子,但是如何在该幻灯片中仅显示3个?

轮播和foreach循环:

<section class="news">
<h1 class="section-heading text-highlight"><span class="line">Novinky</span></h1>     
<div class="carousel-controls">
    <a class="prev" href="#news-carousel" data-slide="prev"><i class="fas fa-caret-left"></i></a>
    <a class="next" href="#news-carousel" data-slide="next"><i class="fas fa-caret-right"></i></a>
</div><!--//carousel-controls--> 
<div class="section-content clearfix">
    <div id="news-carousel" class="news-carousel carousel slide">
        <div class="carousel-inner">
            <div class="item carousel-item active"> 
                <div class="row">
                    @foreach($posts as $post)
                    <div class="col-lg-4 col-12 news-item">
                        <h2 class="title"><a href="news-single.html">{{ $post->title }}</a></h2>
                        <img class="thumb" src="{{ Storage::disk('public')->url('post/'.$post->image) }}"  alt="{{ $post->title }}" />
                        <p>Suspendisse purus felis,porttitor quis sollicitudin sit amet,elementum et tortor. Praesent lacinia magna in malesuada vestibulum. Pellentesque urna libero.</p>
                        <a class="read-more" href="news-single.html">Číst více<i class="fas fa-chevron-right"></i></a>                
                    </div><!--//news-item-->
                    @endforeach
                </div><!--//row-->
            </div><!--//item-->
            <div class="item carousel-item"> 
                <div class="row">
                    <div class="col-lg-4 col-12 news-item">
                        <h2 class="title"><a href="news-single.html">{{ $post->title }}</a></h2>
                        <img class="thumb" src="{{ Storage::disk('public')->url('post/'.$post->image) }}"  alt="{{ $post->title }}" />
                        <p>Suspendisse purus felis,elementum et tortor. Praesent lacinia magna in malesuada vestibulum. Pellentesque urna libero.</p>
                        <a class="read-more" href="news-single.html">Číst více<i class="fas fa-chevron-right"></i></a>                
                    </div><!--//news-item-->
                </div><!--//row-->
            </div><!--//item-->
        </div><!--//carousel-inner-->
    </div><!--//news-carousel-->  
</div><!--//section-content-->     

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