%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/html/sljcon/resources/views/
Upload File :
Create Path :
Current File : /var/www/html/sljcon/resources/views/compare.blade.php

@extends('layouts.app')

@section('content')
    <head>
        <title>SLJCON - Compare</title>
    </head>
    <div class="page_breadcrumb_area">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="page_breadcrumb_inner">
                        <div class="page_breadcrumb_title">
                            <h2>
                                <span class="trail-item trail-end">Prima e dopo</span>
                            </h2>
                        </div>
                    </div>
                    <div class="breadcrumb_area">
                        <div class="breadcrumb-trail breadcrumbs">
                            <ul class="trail-items">
                                <li class="trail-item trail-begin">
                                    <a href="{{url('/')}}" rel="home"><span>Home</span></a>
                                </li>
                                <li class="trail-item trail-end">
                                    <span>Prima e dopo</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <section id="compare_section" class="compare_area m_top_100 m_bottom_100">
        <div class="container compare">
            <div class="row">
                <div class="col-md-12">
                    @foreach($beforeAndAfters as $item)
                        <div class="ba-slider" id="ba_slider_{{$item->id}}">
                            <img src="{{env('APP_URL').'uploads/compare/'.$item->before_url}}">
                            <div class="resize">
                                <img src="{{env('APP_URL').'uploads/compare/'.$item->after_url}}">
                            </div>
                            <span class="handle"></span>
                        </div>
                    @endforeach
                </div>
            </div>
            <div class="row m_top_30">
                @foreach($beforeAndAfters as $item)
                    <div class="col-xs-2 cs-col-xs-2">
                        <img src="{{env('APP_URL').'uploads/compare/'.$item->after_url}}" alt=""
                             onclick="changeBaSlide({{$item->id}})"
                             class="img-responsive baSliderThumb">
                    </div>
                @endforeach
            </div>
        </div>
    </section>
@endsection
@section('script')
    <script type="text/javascript">
        $('#ba_slider_1').beforeAfter();

        function changeBaSlide(baIndex) {
            $('.ba-slider').hide();
            $('#ba_slider_' + baIndex).show();
            $('#ba_slider_' + baIndex).beforeAfter();
            return false;
        }
    </script>
@endsection

Zerion Mini Shell 1.0