Есть ли способ встроить ларавеллу с ползунком swiper
Я новичок в laravel, так что это может быть глупый вопрос, но я пытаюсь уменьшить дублирование в моем коде, используя партиалы, так как каждая страница в моем приложении имеет слайд-шоу с использованием swiper.
Сначала я создал партиал в slider.blade.php:
<div class="swiper-container">
<div class="swiper-wrapper">
@yield('slide-image')
</div>
<div class="swiper-pagination swiper-pagination-white"></div>
<div class="swiper-button-next swiper-button-white"></div>
<div class="swiper-button-prev swiper-button-white"></div>
</div>
Затем я включил частичное в файл main.blade.php.
<!DOCTYPE html>
<html lang="en">
@include('partials._head')
<body>
@include('partials._pageloader')
@include('partials._navbar')
@include('partials._slider') <!---- Here ---->
@yield('content')@include('partials._scrolltotop')
@include('partials._footer')
@include('partials._bottom')</body>
</html>
Чтобы добавить слайд на домашнюю страницу, например, добавили раздел изображения слайдера.
@extends('main')
@section('title', 'Dialhouse Hotel')
@section('slide-image', 'div class="swiper-slide" style="<img src="http://dialhousehotel.com/wp-content/uploads/2017/07/1.jpg" alt="project-1" heigth="360px" width="360px">"></div>')
@section('content')@include('partials._contactform')
@include('partials._googlemaps')
@endsection
Однако проблема в том, что изображение не появляется на странице. Выводит <div class="swiper-slide" style="<img src="http://dialhousehotel.com/wp-content/uploads/2017/07/1.jpg" alt="project-1" heigth="360px" width="360px">"></div> как строка
Решение
Ты можешь сделать
@section('slide-image')
<div class="swiper-slide" style="<img src="http://dialhousehotel.com/wp-content/uploads/2017/07/1.jpg" alt="project-1" heigth="360px" width="360px">"></div>
@endsection
Другие решения
@section('slide-image')
<div class="swiper-slide" style="src="{{asset('http://dialhousehotel.com/wp-content/uploads/2017/07/1.jpg')}}""></div>
<img >
@endsection