2017-03-04 3 views
1

この構造のロジックの作成方法は?LaravelのOwlカルーセル、2列6列ロジック

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

フクロウカルーセルで表示されている写真があります。私が行うと、それは

...第三のスライドで6次というように、第2のスライドに行くべき6点の写真、3つの2の列、および次の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> 

しかし、

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

を...と、第2のスライドで私は

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

...しかし、この12、13、14に行く必要がありますがあります、これは私に与えます第3のスライドに入れる。

答えて

0

によってチャンクそれらをする必要があり第1行と第2行の第1行)。あなたは何かを混ぜた可能性がありますか?

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] 

... 

本質的な問題はあなたのことを、次のとおりです。あなたのコードに基づいており、$keyが本当に連続したインデックス(1、2、3、4、...)であれば、それは次のようになります

7番目の要素の前にセパレータを追加しますが、実際には6番目ごとに追加する必要があります。混乱を招くような音であり、それは完全ですが、それについて考えるとそれは意味をなさないでしょう。 ;-)

これは最初に変更する必要がありますが、iteration -loop変数を使用することもお勧めします。これはブレードループによって提供され、現在の繰り返しの番号を含んでいます。 $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> 

役に立てば幸い!メッセージを追加する気にしないでください!

+0

これです!ありがとうございました! – user2450639

0

あなたは彼らがあなたの投稿コードにフィットしていないようですので、あなたが投稿した結果は、(また、「3」の最後の要素である、私は少し混乱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 
関連する問題