Proposta galleria foto con shortcode e fancybox.js (#129)
Ecco la soluzione [trovata qui]([url](https://www.ojisanseiuchi.com/2020/01/11/a-folder-based-image-gallery-for-hugo/)). Reviewed-on: #129 Co-authored-by: omartek <olazzari@gmail.com> Co-committed-by: omartek <olazzari@gmail.com>
@ -37,4 +37,5 @@ Di seguito una galleria di immagini a ricordo della giornata (le foto sono di An
|
||||
|
||||
Buon Linux a tutti
|
||||
|
||||
_Galleria immagini - WIP_
|
||||
{{< foldergallery src="/linuxday/2016/" >}}
|
||||
|
||||
|
43
layouts/shortcodes/foldergallery.html
Normal file
@ -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>
|
||||
<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 Width: | Height: | Size: 938 KiB After Width: | Height: | Size: 938 KiB |
Before Width: | Height: | Size: 874 KiB After Width: | Height: | Size: 874 KiB |
Before Width: | Height: | Size: 803 KiB After Width: | Height: | Size: 803 KiB |
Before Width: | Height: | Size: 709 KiB After Width: | Height: | Size: 709 KiB |
Before Width: | Height: | Size: 809 KiB After Width: | Height: | Size: 809 KiB |
Before Width: | Height: | Size: 791 KiB After Width: | Height: | Size: 791 KiB |
Before Width: | Height: | Size: 658 KiB After Width: | Height: | Size: 658 KiB |
Before Width: | Height: | Size: 866 KiB After Width: | Height: | Size: 866 KiB |
Before Width: | Height: | Size: 978 KiB After Width: | Height: | Size: 978 KiB |
Before Width: | Height: | Size: 787 KiB After Width: | Height: | Size: 787 KiB |
Before Width: | Height: | Size: 930 KiB After Width: | Height: | Size: 930 KiB |
Before Width: | Height: | Size: 726 KiB After Width: | Height: | Size: 726 KiB |
Before Width: | Height: | Size: 875 KiB After Width: | Height: | Size: 875 KiB |
Before Width: | Height: | Size: 913 KiB After Width: | Height: | Size: 913 KiB |
Before Width: | Height: | Size: 683 KiB After Width: | Height: | Size: 683 KiB |
Before Width: | Height: | Size: 904 KiB After Width: | Height: | Size: 904 KiB |
Before Width: | Height: | Size: 794 KiB After Width: | Height: | Size: 794 KiB |
Before Width: | Height: | Size: 701 KiB After Width: | Height: | Size: 701 KiB |
Before Width: | Height: | Size: 768 KiB After Width: | Height: | Size: 768 KiB |
Before Width: | Height: | Size: 870 KiB After Width: | Height: | Size: 870 KiB |
Before Width: | Height: | Size: 762 KiB After Width: | Height: | Size: 762 KiB |
Before Width: | Height: | Size: 656 KiB After Width: | Height: | Size: 656 KiB |
Before Width: | Height: | Size: 820 KiB After Width: | Height: | Size: 820 KiB |
Before Width: | Height: | Size: 845 KiB After Width: | Height: | Size: 845 KiB |
Before Width: | Height: | Size: 665 KiB After Width: | Height: | Size: 665 KiB |
Before Width: | Height: | Size: 806 KiB After Width: | Height: | Size: 806 KiB |
Before Width: | Height: | Size: 823 KiB After Width: | Height: | Size: 823 KiB |
Before Width: | Height: | Size: 841 KiB After Width: | Height: | Size: 841 KiB |
Before Width: | Height: | Size: 802 KiB After Width: | Height: | Size: 802 KiB |
Before Width: | Height: | Size: 791 KiB After Width: | Height: | Size: 791 KiB |
Before Width: | Height: | Size: 888 KiB After Width: | Height: | Size: 888 KiB |
Before Width: | Height: | Size: 749 KiB After Width: | Height: | Size: 749 KiB |
Before Width: | Height: | Size: 854 KiB After Width: | Height: | Size: 854 KiB |
Before Width: | Height: | Size: 844 KiB After Width: | Height: | Size: 844 KiB |
Before Width: | Height: | Size: 834 KiB After Width: | Height: | Size: 834 KiB |
Before Width: | Height: | Size: 806 KiB After Width: | Height: | Size: 806 KiB |
Before Width: | Height: | Size: 794 KiB After Width: | Height: | Size: 794 KiB |
Before Width: | Height: | Size: 778 KiB After Width: | Height: | Size: 778 KiB |
Before Width: | Height: | Size: 839 KiB After Width: | Height: | Size: 839 KiB |
Before Width: | Height: | Size: 1018 KiB After Width: | Height: | Size: 1018 KiB |
Before Width: | Height: | Size: 868 KiB After Width: | Height: | Size: 868 KiB |
Before Width: | Height: | Size: 794 KiB After Width: | Height: | Size: 794 KiB |
Before Width: | Height: | Size: 637 KiB After Width: | Height: | Size: 637 KiB |
Before Width: | Height: | Size: 757 KiB After Width: | Height: | Size: 757 KiB |
Before Width: | Height: | Size: 717 KiB After Width: | Height: | Size: 717 KiB |
Before Width: | Height: | Size: 727 KiB After Width: | Height: | Size: 727 KiB |
Before Width: | Height: | Size: 700 KiB After Width: | Height: | Size: 700 KiB |
Before Width: | Height: | Size: 854 KiB After Width: | Height: | Size: 854 KiB |
Before Width: | Height: | Size: 755 KiB After Width: | Height: | Size: 755 KiB |
Before Width: | Height: | Size: 680 KiB After Width: | Height: | Size: 680 KiB |
Before Width: | Height: | Size: 803 KiB After Width: | Height: | Size: 803 KiB |
Before Width: | Height: | Size: 917 KiB After Width: | Height: | Size: 917 KiB |
Before Width: | Height: | Size: 951 KiB After Width: | Height: | Size: 951 KiB |
Before Width: | Height: | Size: 821 KiB After Width: | Height: | Size: 821 KiB |
Before Width: | Height: | Size: 853 KiB After Width: | Height: | Size: 853 KiB |
Before Width: | Height: | Size: 773 KiB After Width: | Height: | Size: 773 KiB |
Before Width: | Height: | Size: 750 KiB After Width: | Height: | Size: 750 KiB |
Before Width: | Height: | Size: 874 KiB After Width: | Height: | Size: 874 KiB |
Before Width: | Height: | Size: 784 KiB After Width: | Height: | Size: 784 KiB |
Before Width: | Height: | Size: 857 KiB After Width: | Height: | Size: 857 KiB |
Before Width: | Height: | Size: 806 KiB After Width: | Height: | Size: 806 KiB |
Before Width: | Height: | Size: 793 KiB After Width: | Height: | Size: 793 KiB |
Before Width: | Height: | Size: 768 KiB After Width: | Height: | Size: 768 KiB |
Before Width: | Height: | Size: 922 KiB After Width: | Height: | Size: 922 KiB |
Before Width: | Height: | Size: 991 KiB After Width: | Height: | Size: 991 KiB |
Before Width: | Height: | Size: 814 KiB After Width: | Height: | Size: 814 KiB |
Before Width: | Height: | Size: 728 KiB After Width: | Height: | Size: 728 KiB |
Before Width: | Height: | Size: 867 KiB After Width: | Height: | Size: 867 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11182900.jpg
Normal file
After Width: | Height: | Size: 938 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11193500.jpg
Normal file
After Width: | Height: | Size: 874 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11211000.jpg
Normal file
After Width: | Height: | Size: 803 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11231900.jpg
Normal file
After Width: | Height: | Size: 709 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11242400.jpg
Normal file
After Width: | Height: | Size: 809 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11303800.jpg
Normal file
After Width: | Height: | Size: 791 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11321800.jpg
Normal file
After Width: | Height: | Size: 658 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11332200.jpg
Normal file
After Width: | Height: | Size: 866 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11341000.jpg
Normal file
After Width: | Height: | Size: 978 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11343200.jpg
Normal file
After Width: | Height: | Size: 787 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11435700.jpg
Normal file
After Width: | Height: | Size: 930 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11462000.jpg
Normal file
After Width: | Height: | Size: 726 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11464300.jpg
Normal file
After Width: | Height: | Size: 875 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11490500.jpg
Normal file
After Width: | Height: | Size: 913 KiB |
BIN
static/photos/linuxday/2016/2016_1022_14065500.jpg
Normal file
After Width: | Height: | Size: 683 KiB |
BIN
static/photos/linuxday/2016/2016_1022_14072800.jpg
Normal file
After Width: | Height: | Size: 904 KiB |
BIN
static/photos/linuxday/2016/2016_1022_14083300.jpg
Normal file
After Width: | Height: | Size: 794 KiB |
BIN
static/photos/linuxday/2016/2016_1022_14093900.jpg
Normal file
After Width: | Height: | Size: 701 KiB |
BIN
static/photos/linuxday/2016/2016_1022_14094700.jpg
Normal file
After Width: | Height: | Size: 768 KiB |
BIN
static/photos/linuxday/2016/2016_1022_14095200.jpg
Normal file
After Width: | Height: | Size: 870 KiB |
BIN
static/photos/linuxday/2016/2016_1022_14101500.jpg
Normal file
After Width: | Height: | Size: 762 KiB |
BIN
static/photos/linuxday/2016/2016_1022_14104200.jpg
Normal file
After Width: | Height: | Size: 656 KiB |
BIN
static/photos/linuxday/2016/2016_1022_14581200.jpg
Normal file
After Width: | Height: | Size: 820 KiB |
BIN
static/photos/linuxday/2016/2016_1022_14581600.jpg
Normal file
After Width: | Height: | Size: 845 KiB |
BIN
static/photos/linuxday/2016/2016_1022_15011100.jpg
Normal file
After Width: | Height: | Size: 665 KiB |
BIN
static/photos/linuxday/2016/2016_1022_15023400.jpg
Normal file
After Width: | Height: | Size: 806 KiB |
BIN
static/photos/linuxday/2016/2016_1022_15025400.jpg
Normal file
After Width: | Height: | Size: 823 KiB |
BIN
static/photos/linuxday/2016/2016_1022_15035100.jpg
Normal file
After Width: | Height: | Size: 841 KiB |
BIN
static/photos/linuxday/2016/2016_1022_15414100.jpg
Normal file
After Width: | Height: | Size: 802 KiB |
BIN
static/photos/linuxday/2016/2016_1022_15463000.jpg
Normal file
After Width: | Height: | Size: 791 KiB |