问题描述
我有一个问题,我不知道如何在轮播幻灯片中显示其他帖子以连续显示其他3个帖子。它只向我显示6,5,4 .. 4 ..6,4我想要1,2,3-> 4,6或6,4-> 3,1
幻灯片1:
幻灯片2:
控制器:
$posts = Post::latest()->take(3)->get();
轮播和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 (将#修改为@)