REFACTORING: change p to button in slider
This commit is contained in:
@@ -1,43 +1,48 @@
|
|||||||
<div class="orbit {{$settings->sliderClass}}" role="region" data-orbit>
|
@if (!empty($images))
|
||||||
<ul class="orbit-container">
|
<div class="orbit {{$settings->sliderClass}}" role="region" data-orbit>
|
||||||
<button class="orbit-previous" aria-label="previous">
|
<ul class="orbit-container">
|
||||||
<span class="show-for-sr">Previous Slide</span>
|
<button class="orbit-previous" aria-label="previous">
|
||||||
<i class="fa fa-fw fa-2x fa-chevron-left"></i>
|
<span class="show-for-sr">Previous Slide</span>
|
||||||
</button>
|
<i class="fa fa-fw fa-2x fa-chevron-left"></i>
|
||||||
<button class="orbit-next" aria-label="next">
|
</button>
|
||||||
<span class="show-for-sr">Next Slide</span>
|
<button class="orbit-next" aria-label="next">
|
||||||
<i class="fa fa-fw fa-2x fa-chevron-right"></i>
|
<span class="show-for-sr">Next Slide</span>
|
||||||
</button>
|
<i class="fa fa-fw fa-2x fa-chevron-right"></i>
|
||||||
|
</button>
|
||||||
|
|
||||||
@if ($settings->imagePerSlide == 'fullscreen')
|
@if ($settings->imagePerSlide == 'fullscreen')
|
||||||
@foreach($images as $i => $image)
|
@foreach($images as $i => $image)
|
||||||
<li class="orbit-slide {{$settings->slideContainerClass}} @if($i == 0)is-active @endif">
|
<li class="orbit-slide {{$settings->slideContainerClass}} @if($i == 0)is-active @endif">
|
||||||
<h2>{{$image->name}}</h2>
|
<h2>{{$image->name}}</h2>
|
||||||
<h3>{{$image->description}}</h3>
|
<h3>{{$image->description}}</h3>
|
||||||
<div class="img"
|
<div class="img"
|
||||||
style="background-image: url({{config('app.upload_url')}}/{{$image->filename}})"></div>
|
style="background-image: url({{config('app.upload_url')}}/{{$image->filename}})"></div>
|
||||||
</li>
|
</li>
|
||||||
@endforeach
|
@endforeach
|
||||||
@else
|
@else
|
||||||
@for($i = 0; $i < $slidesCount; $i++)
|
@for($i = 0; $i < $slidesCount; $i++)
|
||||||
<li class="orbit-slide row {{$settings->slideContainerClass}} @if($i == 0)is-active @endif">
|
<li class="orbit-slide row {{$settings->slideContainerClass}} @if($i == 0)is-active @endif">
|
||||||
@for ($j = 0; $j < $settings->imagePerSlide; $j++)
|
@for ($j = 0; $j < $settings->imagePerSlide; $j++)
|
||||||
<div class="column medium-{{$gridNumber}}">
|
@if (!isset($images[$i*$settings->imagePerSlide + $j]))
|
||||||
<img src="{{config('app.upload_url')}}/{{$images[$j]->filename}}" />
|
@break
|
||||||
</div>
|
@endif
|
||||||
@endfor
|
<div class="column medium-{{$gridNumber}}">
|
||||||
</li>
|
<img src="{{config('app.upload_url')}}/{{$images[$i*$settings->imagePerSlide + $j]->filename}}" />
|
||||||
@endfor
|
</div>
|
||||||
|
@endfor
|
||||||
|
</li>
|
||||||
|
@endfor
|
||||||
|
@endif
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
@if ($settings->displayBullets)
|
||||||
|
<nav class="orbit-bullets">
|
||||||
|
@for($i = 0; $i < $slidesCount; $i++)
|
||||||
|
<button @if($i == 0) class="is-active" @endif data-slide="{{$i}}"></button>
|
||||||
|
@endfor
|
||||||
|
</nav>
|
||||||
@endif
|
@endif
|
||||||
</ul>
|
|
||||||
|
|
||||||
@if ($settings->displayBullets)
|
{!! $settings->code !!}
|
||||||
<nav class="orbit-bullets">
|
</div>
|
||||||
@for($i = 0; $i < $slidesCount; $i++)
|
@endif
|
||||||
<button @if($i == 0) class="is-active" @endif data-slide="{{$i}}"></button>
|
|
||||||
@endfor
|
|
||||||
</nav>
|
|
||||||
@endif
|
|
||||||
|
|
||||||
{!! $settings->code !!}
|
|
||||||
</div>
|
|
||||||
|
|||||||
Reference in New Issue
Block a user