Php Laravel中的猫头鹰旋转木马,六列两列逻辑
如何为这个结构创建逻辑Php Laravel中的猫头鹰旋转木马,六列两列逻辑,php,laravel,owl-carousel,Php,Laravel,Owl Carousel,如何为这个结构创建逻辑 [1, 2, 3] [4, 5, 6] 我有猫头鹰旋转木马里的照片。它应该显示六张照片,三张分为两列,接下来的六张照片应该放在第二张幻灯片中,接下来的六张放在第三张幻灯片中,依此类推 当我这样做时: <div class="row"> @foreach($videos as $key => $video) @if(($key)%7==0) </div><div class="row"
[1, 2, 3]
[4, 5, 6]
我有猫头鹰旋转木马里的照片。它应该显示六张照片,三张分为两列,接下来的六张照片应该放在第二张幻灯片中,接下来的六张放在第三张幻灯片中,依此类推
当我这样做时:
<div class="row">
@foreach($videos as $key => $video)
@if(($key)%7==0)
</div><div class="row">
@endif
<div class="col-md-4">
<a id="videos" class="fancybox fancybox.iframe be-relative" href="http://www.youtube.com/embed/><span class="be-absolute"></span></a>
</div>
@endforeach
</div>
。。。在第二张幻灯片中,我看到了
[6, 7, 8]
[9, 10, 11]
[12, 13, 14]
。。。但这12、13、14应该进入第三张幻灯片。您需要按6分块
@foreach( $videos->chunk(6) as $chunk)
<div class="row">
@foreach( $chunk as $video )
<div class="col-md-4">
<a id="videos" class="fancybox fancybox.iframe be-relative" href="http://www.youtube.com/embed/><span class="be-absolute"></span></a>
</div>
@endforeach
</div>
@endforeach
@foreach($videos->chunk(6)作为$chunk)
@foreach($chunk作为$video)
@endforeach
@endforeach
您发布的结果让我有点困惑,因为它们似乎不适合您发布的代码(而且“3”是第一行的最后一个元素,第二行的第一个元素)。可能是你弄错了什么
根据您的代码,如果$key
确实是一个连续的索引(1,2,3,4,…),它应该如下所示:
First slide:
[1, 2, 3]
[4, 5, 6]
Second slide:
[ 7, 8, 9]
[10, 11, 12]
[13]
Third slide:
[14, 15, 16]
[17, 18, 19]
[20]
...
关键的问题是,在每第7个元素之前添加分隔符,但实际上希望在每第6个元素之后添加分隔符。听起来令人困惑,而且完全是这样,但仔细想想,就会明白了
这将是您需要更改的第一件事,但我建议使用迭代
-loop变量,该变量由blade循环提供并包含当前迭代的编号,而不是$key
总而言之,这应该是可行的:
<div class="row">
@foreach($videos as $video)
<div class="col-md-4">
<a id="videos" class="fancybox fancybox.iframe be-relative" href="http://www.youtube.com/embed/><span class="be-absolute"></span></a>
</div>
@if ((($loop->iteration % 6) == 0) && (!$loop->last))
</div><div class="row">
@endif
@endforeach
</div>
@foreach($视频作为$视频)
@如果(($loop->迭代%6)==0)和(!$loop->last))
@恩迪夫
@endforeach
希望有帮助!如果没有,请随意添加一条消息 就是这样!非常感谢。
<div class="row">
@foreach($videos as $video)
<div class="col-md-4">
<a id="videos" class="fancybox fancybox.iframe be-relative" href="http://www.youtube.com/embed/><span class="be-absolute"></span></a>
</div>
@if ((($loop->iteration % 6) == 0) && (!$loop->last))
</div><div class="row">
@endif
@endforeach
</div>