Proposta galleria foto con shortcode e fancybox.js #129

Merged
omarl merged 2 commits from omarl/bglug.it:galleria-foto-js into main 2024-07-19 15:19:21 +00:00
121 changed files with 45 additions and 1 deletions
content/linuxday/2016/foto
layouts/shortcodes
static
img/foto
photos/linuxday/2016

@ -37,4 +37,5 @@ Di seguito una galleria di immagini a ricordo della giornata (le foto sono di An
Buon Linux a tutti Buon Linux a tutti
_Galleria immagini - WIP_ {{< foldergallery src="/linuxday/2016/" >}}

@ -0,0 +1,43 @@
<!-- /layouts/shortcodes/foldergallery.html -->
<style>
div.gallery {
display: flex;
flex-wrap: wrap;
}
div.gallery a {
flex-grow: 1;
object-fit: cover;
margin: 2px;
display: flex;
}
div.gallery a img {
height: 200px;
object-fit: cover;
flex-grow: 1;
}
</style>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
Review

proporrei di non prendere contenuti da fuori...
scaricalo negli asset magari.

proporrei di non prendere contenuti da fuori... scaricalo negli asset magari.
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.4.0/jquery.fancybox.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.4.0/jquery.fancybox.min.css" />
<div class="gallery">
{{ $path := print "static/photos/" (.Get "src") }}
{{ $url := print (.Get "src") }}
{{ range (readDir $path) }}
{{/* don't try to display .DS_Store or directories */}}
{{ if and (ne .Name ".DS_Store") (not .IsDir) }}
{{ $src := print "/photos" "/" $url "/" .Name }}
{{/*
troubleshoot the $src variable as needed
<!-- <p>{{ $src }}</p> -->
*/}}
<a data-fancybox="gallery" data-caption="{{ .Name }}" href="{{ $src }}">
<img src="{{ $src }}"> <br/>
</a>
{{ end }}
{{ end }}
</div>

Before

(image error) Size: 1018 KiB

After

(image error) Size: 1018 KiB

Binary file not shown.

After

(image error) Size: 938 KiB

Binary file not shown.

After

(image error) Size: 874 KiB

Binary file not shown.

After

(image error) Size: 803 KiB

Binary file not shown.

After

(image error) Size: 709 KiB

Binary file not shown.

After

(image error) Size: 809 KiB

Binary file not shown.

After

(image error) Size: 791 KiB

Binary file not shown.

After

(image error) Size: 658 KiB

Binary file not shown.

After

(image error) Size: 866 KiB

Binary file not shown.

After

(image error) Size: 978 KiB

Binary file not shown.

After

(image error) Size: 787 KiB

Binary file not shown.

After

(image error) Size: 930 KiB

Binary file not shown.

After

(image error) Size: 726 KiB

Binary file not shown.

After

(image error) Size: 875 KiB

Binary file not shown.

After

(image error) Size: 913 KiB

Binary file not shown.

After

(image error) Size: 683 KiB

Binary file not shown.

After

(image error) Size: 904 KiB

Binary file not shown.

After

(image error) Size: 794 KiB

Binary file not shown.

After

(image error) Size: 701 KiB

Binary file not shown.

After

(image error) Size: 768 KiB

Binary file not shown.

After

(image error) Size: 870 KiB

Binary file not shown.

After

(image error) Size: 762 KiB

Binary file not shown.

After

(image error) Size: 656 KiB

Binary file not shown.

After

(image error) Size: 820 KiB

Binary file not shown.

After

(image error) Size: 845 KiB

Binary file not shown.

After

(image error) Size: 665 KiB

Binary file not shown.

After

(image error) Size: 806 KiB

Binary file not shown.

After

(image error) Size: 823 KiB

Binary file not shown.

After

(image error) Size: 841 KiB

Binary file not shown.

After

(image error) Size: 802 KiB

Binary file not shown.

After

(image error) Size: 791 KiB

Some files were not shown because too many files have changed in this diff Show More