Exemple #1
0
<?php

$slide = AdminSlide::where('type', SLIDE_BOTTOM)->get();
?>
@if(count($slide) > 0)
<div class="homebox partner">
	<div class="container">
		<h2>{{ trans('captions.partners') }}</h2>
		<div class="row">
			<div class="col-sm-12">
				<!-- Swiper -->
				<div class="partner-container">
				    <div class="swiper-wrapper">
				    	@foreach($slide as $image)
				        <div class="partner-slide"><img src="{{ url(UPLOADIMG . UPLOAD_SLIDE . '/' . $image->id . '/' . $image->image_url) }}" /></a></div>
				        @endforeach
				    </div>
				</div>
				<!-- Initialize Swiper -->
			    <script>
			    var swiper1 = new Swiper('.partner-container', {
			    	paginationClickable: true,
			        slidesPerView: 4,
			        slidesPerColumn: 2,
			        // spaceBetween: 5,
			        loop: true,
			        // breakpoints: {
			        //     1024: {
			        //         slidesPerView: 4
			        //     },
			        //     768: {
Exemple #2
0
<?php

$slide = AdminSlide::where('type', SLIDE_TOP)->get();
?>
@if(count($slide) > 0)
<!-- Swiper -->
<div class="swiper-container">
    <div class="swiper-wrapper">
        @foreach($slide as $image)
        <div class="swiper-slide"><a href="{{ $image->link }}"><img src="{{ url(UPLOADIMG . UPLOAD_SLIDE . '/' . $image->id . '/' . $image->image_url) }}" /></a></div>
        @endforeach
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
    <!-- Add Arrows -->
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
</div>

 <!-- Initialize Swiper -->
<script>
var swiper = new Swiper('.swiper-container', {
    pagination: '.swiper-pagination',
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    paginationClickable: true,
    // spaceBetween: 30,
    centeredSlides: true,
    autoplay: 2500,
    autoplayDisableOnInteraction: false
});