Mar 21, 2021
0
Level 4
Background css dynamic image upload doesnt work
Controller
public function welcome() {
$covers = Apartment::orderBy('created_at', 'asc')->limit(3)->get();
foreach($covers as $cover) {
print_r(head(json_decode($cover->house_image)));
}
dd();
return view('welcome', [
'covers' => $covers,
]);
}
Controller Output
161605044120.jpg161630632568.jpg
View
<div class="intro intro-carousel swiper-container position-relative">
@foreach ($covers as $cover)
<div class="swiper-wrapper">
<div class="swiper-slide carousel-item-a intro-item bg-image" style="background-image: url({{ asset('uploads/apartments/'.head(json_decode($cover->house_image))) }})">
<div class="overlay overlay-a"></div>
<div class="intro-content display-table">
<div class="table-cell">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="intro-body">
<p class="intro-title-top">{{ $cover->thana }}, {{ $cover->district }}
<br> {{ $cover->zip_code }}
</p>
<h1 class="intro-title mb-4 ">
<span class="color-b">{{ $cover->house_number }} </span> {{ $cover->name }}
<br> {{ $cover->road }}
</h1>
<p class="intro-subtitle intro-price">
<a href="/apartment/{{ $cover->id }}"><span class="price-a">rent | {{ $cover->rent }}TK</span></a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
@endforeach
</div>
This line gives no output
<div class="swiper-slide carousel-item-a intro-item bg-image" style="background-image: url({{ asset('uploads/apartments/'.head(json_decode($cover->house_image))) }})">
I dont know the problem cause in controller it gives output
Please or to participate in this conversation.