performance updates
This commit is contained in:
parent
fcc8128870
commit
23ae052873
1 changed files with 2 additions and 2 deletions
|
@ -20,7 +20,7 @@
|
||||||
<div class="hero__slider">
|
<div class="hero__slider">
|
||||||
@foreach ($hero as $slider)
|
@foreach ($hero as $slider)
|
||||||
<div class="movie-slide"{{-- data-bg="{{ $slider['backdrop'] }}" --}} >
|
<div class="movie-slide"{{-- data-bg="{{ $slider['backdrop'] }}" --}} >
|
||||||
<img style="object-fit: cover; object-position: center; z-index:-1;position:absolute; width: 100%; height:100%; pointer-events: none;" alt="{{ __($slider['title']) }} image" {{-- class="lazy" --}} src="{{ $slider['backdrop'] }}" width="780" height="439" srcz="data:image/svg+xml,%3Csvg width='780' height='439' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='780' height='439' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E" @if(!$loop->first) loading="lazy" @endif($loop->first)>
|
<img style="object-fit: cover; object-position: center; z-index:-1;position:absolute; width: 100%; height:100%; pointer-events: none;" alt="{{ __($slider['title']) }} image" {{-- class="lazy" --}} data-lazy="{{ $slider['backdrop'] }}" width="780" height="439" src="data:image/svg+xml,%3Csvg width='780' height='439' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='780' height='439' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E">
|
||||||
<div class="movie-slide__content">
|
<div class="movie-slide__content">
|
||||||
<h2 class="movie-name" data-animation="fadeInUp" data-delay=".2s">{{ __($slider['title']) }}</h2>
|
<h2 class="movie-name" data-animation="fadeInUp" data-delay=".2s">{{ __($slider['title']) }}</h2>
|
||||||
<ul class="movie-meta justify-content-lg-start justify-content-center" data-animation="fadeInUp" data-delay=".4s">
|
<ul class="movie-meta justify-content-lg-start justify-content-center" data-animation="fadeInUp" data-delay=".4s">
|
||||||
|
@ -69,6 +69,6 @@
|
||||||
|
|
||||||
@section('footer')
|
@section('footer')
|
||||||
{{-- <script type="module" src="{{ asset('js/vendor/slick.min.js') }}"></script> --}}
|
{{-- <script type="module" src="{{ asset('js/vendor/slick.min.js') }}"></script> --}}
|
||||||
<script async src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
|
||||||
@vite(['resources/js/home.js'])
|
@vite(['resources/js/home.js'])
|
||||||
@endsection
|
@endsection
|
||||||
|
|
Loading…
Reference in a new issue