phpとjquerymobileを使用して動的グリッドを構築しようとしています。誰かがモジュラスを使用して、反復のキー値に応じてui-block-を広告する必要があるかどうかを判断するのを手伝ってくれるかどうか知りたいです。
<div class="ui-grid-c">
@forelse($photos as $key=>$photo)
@if($key == 1)
<div class="ui-block-a">
<img src="{{ $photo['file'] }}" width="60" />
</div>
@elseif($key == 2)
<div class="ui-block-b">
<img src="{{ $photo['file'] }}" width="60" />
</div>
@elseif($key == 3)
<div class="ui-block-c">
<img src="{{ $photo['file'] }}" width="60" />
</div>
@elseif($key == 4)
<div class="ui-block-d">
<img src="{{ $photo['file'] }}" width="60" />
</div>
@endif
@empty
Nothing Found
@endforelse
</div>
いくつかの異なるモジュラスバリエーションを試しましたが、何も正しく機能しませんでした。どんな助けでもいただければ幸いです。