Я создаю простой сайт в Laravel 5.7.Он имеет слайдер на основе jquery, отображающий картинки.Я хотел бы отобразить изображения на заднем плане слайдов, основываясь на данных модели, переданных из контроллера.
@foreach($slider_projects as $slider_project)
<div class="slide slide-{{$slider_index}}">
<div class="slide__bg" style="background-image:url({{asset($slider_project->image)}})"></div>
<div class="slide__content">
</div>
</div>
{{$slider_index++}}
@endforeach
Но моя проблема в том, что атрибут style моего div переопределяетсяJS код отвечает за правильное отображение слайдера:
$slideBGs = $(".slide__bg"),
$slideBGs.css("transform", "translate3d("+ curSlide*50 +"%,0,0)");
background-image свойство больше не отображается в style__bg divs.
Что быбыть лучшим подходом для динамического рендеринга содержимого слайдера (фоновых изображений) без нарушения его поведения (часть js)?