duandu1049 2017-03-04 16:07
浏览 41
已采纳

Laravel的猫头鹰旋转木马,六列两列逻辑

How to create logic for this structure?

[1, 2, 3]
[4, 5, 6]

I have photos showing in owl carousel. It should show six photos, three in two columns, and the next six photos should go in second slide, next six in third slide and so on...

When I do this:

<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>

But, this gives me:

[1, 2, 3]
[3, 4, 5]

... and in second slide I have

[6, 7, 8]
[9, 10, 11]
[12, 13, 14]

... But this 12, 13, 14 should go into third slide.

  • 写回答

2条回答 默认 最新

  • dounieqi6959 2017-03-04 19:38
    关注

    The results you posted confuses me a little bit, because they don‘t seem to fit to your posted code (also "3" is the last element in the first and the first in the second row). Possible you mixed something up?

    Based on your code and if $key really is a consecutive index (1, 2, 3, 4, ...), it should look like this:

    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]
    
    ...
    

    The essential problem is, that you add your separator before every 7th element, but actually want this to be added after every 6th. Sounds confusing and it totally is, but think about it and it will make sense. ;-)

    This would be the first thing you need to change, but also I would suggest to use use the iteration-loop variable, that is provided by blade loops and contains the number of the current iteration, instead of the $key.

    All in all this should work:

    <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>
    

    Hope that helps! If not feel free to add a message!

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 python天天向上类似问题,但没有清零
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 C#调用python代码(python带有库)
  • ¥15 矩阵加法的规则是两个矩阵中对应位置的数的绝对值进行加和
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)