kuvia/resources/views/themes/gallery/gallery/list.blade.php
2021-01-17 02:10:33 +01:00

46 lines
1.4 KiB
PHP

<body style="background-color: #0d0d0d;">
<div class="">
<div class="photor">
<div class="photor__viewport">
<div class="photor__viewportLayer">
<!-- Add photos -->
@foreach($images as $image)
<img class="imageToReplace" src="/{{ $tenant->url }}/{{ $gallery->url }}/{{ $image->id }}/file?size=big" data-thumb="/{{ $tenant->url }}/{{ $gallery->url }}/{{ $image->id }}/file?size=pixel">
@endforeach
</div>
<div class="photor__viewportControl">
<div class="photor__viewportControlPrev"></div>
<div class="photor__viewportControlNext"></div>
</div>
</div>
<div class="photor__thumbs">
<div class="photor__thumbsWrap"></div>
</div>
</div>
</div>
<link href="/css/photor.min.css" rel="stylesheet"> <!-- 1.4 KB in gzip -->
<script src="/js/jquery-3.5.1.min.js"></script>
<script src="/js/photor.min.js"></script> <!-- 5 KB in gzip -->
<script src="/js/lazyload.min.js"></script>
<script>
$(document).ready(function() {
$('.photor').photor();
/*let images = document.querySelectorAll(".imageToReplace");
var r = lazyload(images);
console.log(r);*/
});
</script>
</body>