Intereting Posts
Как обращаться с выходом пользователя в браузере с несколькими вкладками? автоматический выход из системы всех открытых вкладок при выходе из одного из них Страница перезагрузки php без отправки данных PHP MySQL Сортировать по нескольким столбцам Неопределенное свойство: stdClass: использование AngularJS + PHP как я могу публиковать внешнюю форму с помощью PHP? Что вызывает «Невозможно выделить память для пула» в PHP? Рекомендации по переводу приложения на арабский как я могу опубликовать значение текстового поля, которое динамически создается jquery Как аккуратно обрабатывать исключения в командах Artisan Symfony 3 новая ошибка проекта Можете ли вы включить PHP в файл Perl? Как разобрать этот json с php автоматический выбор языка и пересылка в файл PHP Soap Server: невозможно получить доступ к параметрам запроса soap в моем вызываемом классе Как избежать вручную передать мой контейнер реестра $ в конструктор каждого нового класса, который я делаю?

Динамическое изменение фона div CSS с использованием JS в петле foreach blade

Прошу вас, пожалуйста, со мной на секунду. Я сделаю все возможное, чтобы объяснить как можно проще.

Я пытаюсь отображать созданные пользователем изображения в представлении photos.index с использованием Laravel 4. Как вы можете видеть ниже, я использую foreach для просмотра этих изображений. Тем не менее, поскольку я хочу, чтобы они отображались в коробках высотой 300px и шириной 300px, я использую метод «css» для фона css в моем классе «box».

Теперь я могу использовать JS для изменения фонового изображения каждого окна в соответствии с тем, что вставлено в базу данных.

Следующий код дает мне следующий результат: в моей базе данных отображается столько же ящиков, сколько и у меня. Тем не менее, все они имеют одинаковую картину, точнее изображение, которое является последним в базе данных.

@foreach(array_chunk($photos->getCollection()->all(), 4) as $row) <div class="row"> @foreach($row as $photo) <script type="text/javascript"> $(function(){ var boxes = document.getElementsByClassName("box"); $(boxes).css('background-image', 'url({{ url('img/user_images/images/'. $photo->source_name) }} )'); }); <article class="col-md-3"> <a href="{{ url('photos/'. $photo->id) }}"><div id="imagecontainer" class="box"></div></a> </article> @endforeach </div> @endforeach 

Теперь мой вопрос: что мне нужно сделать, чтобы изменить фоновое изображение для каждого окна отдельно?

Возможно, важно знать, что те JavaScripts, которые я вижу, если я открываю сайт с помощью инструментов разработчика, имеют правильную ссылку на изображение, которое должно отображаться. Тем не менее, фон CSS каждого div всегда является последним изображением в БД.

Любая помощь будет очень, очень ценится.

Благодаря!