Tengo en funcionamiento una galería dinámica, donde voy a recoger los datos a mi base de datos (lo cual me funciona), pero no se como mostrar una cierta cantidad de fotos y que pase automáticamente al otro slider,
Mi intención era hacer dentro del foreach
un ciclo for
, pero no me resulto y arrojaba error. Implementé con ->chunk()
y sí me dio resultado. No sé si es la manera correcta de aplicar lo que quiero. Mi código es el siguiente:
En mi controlador tengo este código:
$foto=Img::where("if", "=", $user->id)->get();
Mi blade es el siguiente
<div class=" carousel-item">
@if($foto->count()>0)
@foreach($foto->chunk(4) as $imagen)
<div class="row">
@foreach($imagen as $img)
<div class="col-md-3 d-md-inline-block">
<img class="panel-img img-fluid" src="{{$img->id}}">
</div>
@endforeach
</div>
@endforeach
@endif
</div>
Actualmente si tengo 20 imagenes, me muestra las 20 imagenes de 4 columnas. Pero me gustaria que me mostrara solo 8 imagenes en columnas de 4 y pasara al siguiente slider.
En la siguiente imagen muestro como me gustaría que se viera, por si no me supe explicar.
¿Qué le falta a mi código para mostrar como lo necesito? Gracias
take
y tomas las ocho primeras imagenes y despues validas con$loop->iteration == 8
y muestras el siguiente carrouseltake(8)
lo que hace es tomar los primeros 8 elementos,$loop->iteration
itera sobre los elementos restantes, en lo que hago unas pruebas para responderte puedes apoyarte en la documentacion laravel.com/docs/7.x/blade#the-loop-variable