Добавить класс только в первую карусельную ячейку (flickity)

я бы вставил класс «непрозрачность» только в первую «карусельную ячейку».

Для остальных в петле их быть не должно.

<div class = "main-carousel">
            @foreach($projects as $p)
                @if ($p->getMedia('teaser')->first() ?? "")
                    <div class = "carousel-cell">
                        <div class = "row">
                            <div id = "project-info" class = "col-lg-3 text-md-right pr-md-5 project-info">
                                <div class = "project opacity">
                                    <h2 class = "project-title mb-0">{{$p->name}}</h2>
                                    <h3 class = "project-category"><a href = "#">Foto</a> / <a href = "#">Video Produktion</a></h3>
                                </div>
                            </div>
                            <div class = "col-lg-9 project-img opacity">

                                <a href = "{{url('projects')}}/{{$p->slug}}">
                                    <div class = "start-teaser">
                                        <img src = "{{asset('storage')}}/{{$p->getMedia('teaser')->first()->id}}/{{$p->getMedia('teaser')->first()->file_name}}"  alt = "Land Rover">
                                    </div>
                                </a>

                            </div>
                        </div>
                    </div>
                @endif
            @endforeach
        </div>
Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Symfony Station Communiqué - 7 июля 2023 г
Symfony Station Communiqué - 7 июля 2023 г
Это коммюнике первоначально появилось на Symfony Station .
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Установка и настройка Nginx и PHP на Ubuntu-сервере
Установка и настройка Nginx и PHP на Ubuntu-сервере
В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Как установить PHP на Mac
Как установить PHP на Mac
PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...
2
0
31
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете использовать переменную $loop->first для добавления класса только на первой итерации цикла.

Вот так: <div class = "carousel-cell {{ $loop->first ? 'opacity' : '' }}">

Подробнее здесь: https://laravel.com/docs/9.x/blade#the-loop-переменная

Другие вопросы по теме