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 ![]() (image error) Size: 938 KiB After ![]() (image error) Size: 938 KiB ![]() ![]() |
Before ![]() (image error) Size: 874 KiB After ![]() (image error) Size: 874 KiB ![]() ![]() |
Before ![]() (image error) Size: 803 KiB After ![]() (image error) Size: 803 KiB ![]() ![]() |
Before ![]() (image error) Size: 709 KiB After ![]() (image error) Size: 709 KiB ![]() ![]() |
Before ![]() (image error) Size: 809 KiB After ![]() (image error) Size: 809 KiB ![]() ![]() |
Before ![]() (image error) Size: 791 KiB After ![]() (image error) Size: 791 KiB ![]() ![]() |
Before ![]() (image error) Size: 658 KiB After ![]() (image error) Size: 658 KiB ![]() ![]() |
Before ![]() (image error) Size: 866 KiB After ![]() (image error) Size: 866 KiB ![]() ![]() |
Before ![]() (image error) Size: 978 KiB After ![]() (image error) Size: 978 KiB ![]() ![]() |
Before ![]() (image error) Size: 787 KiB After ![]() (image error) Size: 787 KiB ![]() ![]() |
Before ![]() (image error) Size: 930 KiB After ![]() (image error) Size: 930 KiB ![]() ![]() |
Before ![]() (image error) Size: 726 KiB After ![]() (image error) Size: 726 KiB ![]() ![]() |
Before ![]() (image error) Size: 875 KiB After ![]() (image error) Size: 875 KiB ![]() ![]() |
Before ![]() (image error) Size: 913 KiB After ![]() (image error) Size: 913 KiB ![]() ![]() |
Before ![]() (image error) Size: 683 KiB After ![]() (image error) Size: 683 KiB ![]() ![]() |
Before ![]() (image error) Size: 904 KiB After ![]() (image error) Size: 904 KiB ![]() ![]() |
Before ![]() (image error) Size: 794 KiB After ![]() (image error) Size: 794 KiB ![]() ![]() |
Before ![]() (image error) Size: 701 KiB After ![]() (image error) Size: 701 KiB ![]() ![]() |
Before ![]() (image error) Size: 768 KiB After ![]() (image error) Size: 768 KiB ![]() ![]() |
Before ![]() (image error) Size: 870 KiB After ![]() (image error) Size: 870 KiB ![]() ![]() |
Before ![]() (image error) Size: 762 KiB After ![]() (image error) Size: 762 KiB ![]() ![]() |
Before ![]() (image error) Size: 656 KiB After ![]() (image error) Size: 656 KiB ![]() ![]() |
Before ![]() (image error) Size: 820 KiB After ![]() (image error) Size: 820 KiB ![]() ![]() |
Before ![]() (image error) Size: 845 KiB After ![]() (image error) Size: 845 KiB ![]() ![]() |
Before ![]() (image error) Size: 665 KiB After ![]() (image error) Size: 665 KiB ![]() ![]() |
Before ![]() (image error) Size: 806 KiB After ![]() (image error) Size: 806 KiB ![]() ![]() |
Before ![]() (image error) Size: 823 KiB After ![]() (image error) Size: 823 KiB ![]() ![]() |
Before ![]() (image error) Size: 841 KiB After ![]() (image error) Size: 841 KiB ![]() ![]() |
Before ![]() (image error) Size: 802 KiB After ![]() (image error) Size: 802 KiB ![]() ![]() |
Before ![]() (image error) Size: 791 KiB After ![]() (image error) Size: 791 KiB ![]() ![]() |
Before ![]() (image error) Size: 888 KiB After ![]() (image error) Size: 888 KiB ![]() ![]() |
Before ![]() (image error) Size: 749 KiB After ![]() (image error) Size: 749 KiB ![]() ![]() |
Before ![]() (image error) Size: 854 KiB After ![]() (image error) Size: 854 KiB ![]() ![]() |
Before ![]() (image error) Size: 844 KiB After ![]() (image error) Size: 844 KiB ![]() ![]() |
Before ![]() (image error) Size: 834 KiB After ![]() (image error) Size: 834 KiB ![]() ![]() |
Before ![]() (image error) Size: 806 KiB After ![]() (image error) Size: 806 KiB ![]() ![]() |
Before ![]() (image error) Size: 794 KiB After ![]() (image error) Size: 794 KiB ![]() ![]() |
Before ![]() (image error) Size: 778 KiB After ![]() (image error) Size: 778 KiB ![]() ![]() |
Before ![]() (image error) Size: 839 KiB After ![]() (image error) Size: 839 KiB ![]() ![]() |
Before ![]() (image error) Size: 1018 KiB After ![]() (image error) Size: 1018 KiB ![]() ![]() |
Before ![]() (image error) Size: 868 KiB After ![]() (image error) Size: 868 KiB ![]() ![]() |
Before ![]() (image error) Size: 794 KiB After ![]() (image error) Size: 794 KiB ![]() ![]() |
Before ![]() (image error) Size: 637 KiB After ![]() (image error) Size: 637 KiB ![]() ![]() |
Before ![]() (image error) Size: 757 KiB After ![]() (image error) Size: 757 KiB ![]() ![]() |
Before ![]() (image error) Size: 717 KiB After ![]() (image error) Size: 717 KiB ![]() ![]() |
Before ![]() (image error) Size: 727 KiB After ![]() (image error) Size: 727 KiB ![]() ![]() |
Before ![]() (image error) Size: 700 KiB After ![]() (image error) Size: 700 KiB ![]() ![]() |
Before ![]() (image error) Size: 854 KiB After ![]() (image error) Size: 854 KiB ![]() ![]() |
Before ![]() (image error) Size: 755 KiB After ![]() (image error) Size: 755 KiB ![]() ![]() |
Before ![]() (image error) Size: 680 KiB After ![]() (image error) Size: 680 KiB ![]() ![]() |
Before ![]() (image error) Size: 803 KiB After ![]() (image error) Size: 803 KiB ![]() ![]() |
Before ![]() (image error) Size: 917 KiB After ![]() (image error) Size: 917 KiB ![]() ![]() |
Before ![]() (image error) Size: 951 KiB After ![]() (image error) Size: 951 KiB ![]() ![]() |
Before ![]() (image error) Size: 821 KiB After ![]() (image error) Size: 821 KiB ![]() ![]() |
Before ![]() (image error) Size: 853 KiB After ![]() (image error) Size: 853 KiB ![]() ![]() |
Before ![]() (image error) Size: 773 KiB After ![]() (image error) Size: 773 KiB ![]() ![]() |
Before ![]() (image error) Size: 750 KiB After ![]() (image error) Size: 750 KiB ![]() ![]() |
Before ![]() (image error) Size: 874 KiB After ![]() (image error) Size: 874 KiB ![]() ![]() |
Before ![]() (image error) Size: 784 KiB After ![]() (image error) Size: 784 KiB ![]() ![]() |
Before ![]() (image error) Size: 857 KiB After ![]() (image error) Size: 857 KiB ![]() ![]() |
Before ![]() (image error) Size: 806 KiB After ![]() (image error) Size: 806 KiB ![]() ![]() |
Before ![]() (image error) Size: 793 KiB After ![]() (image error) Size: 793 KiB ![]() ![]() |
Before ![]() (image error) Size: 768 KiB After ![]() (image error) Size: 768 KiB ![]() ![]() |
Before ![]() (image error) Size: 922 KiB After ![]() (image error) Size: 922 KiB ![]() ![]() |
Before ![]() (image error) Size: 991 KiB After ![]() (image error) Size: 991 KiB ![]() ![]() |
Before ![]() (image error) Size: 814 KiB After ![]() (image error) Size: 814 KiB ![]() ![]() |
Before ![]() (image error) Size: 728 KiB After ![]() (image error) Size: 728 KiB ![]() ![]() |
Before ![]() (image error) Size: 867 KiB After ![]() (image error) Size: 867 KiB ![]() ![]() |
BIN
static/photos/linuxday/2016/2016_1022_11182900.jpg
Normal file
After ![]() (image error) Size: 938 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11193500.jpg
Normal file
After ![]() (image error) Size: 874 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11211000.jpg
Normal file
After ![]() (image error) Size: 803 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11231900.jpg
Normal file
After ![]() (image error) Size: 709 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11242400.jpg
Normal file
After ![]() (image error) Size: 809 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11303800.jpg
Normal file
After ![]() (image error) Size: 791 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11321800.jpg
Normal file
After ![]() (image error) Size: 658 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11332200.jpg
Normal file
After ![]() (image error) Size: 866 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11341000.jpg
Normal file
After ![]() (image error) Size: 978 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11343200.jpg
Normal file
After ![]() (image error) Size: 787 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11435700.jpg
Normal file
After ![]() (image error) Size: 930 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11462000.jpg
Normal file
After ![]() (image error) Size: 726 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11464300.jpg
Normal file
After ![]() (image error) Size: 875 KiB |
BIN
static/photos/linuxday/2016/2016_1022_11490500.jpg
Normal file
After ![]() (image error) Size: 913 KiB |
BIN
static/photos/linuxday/2016/2016_1022_14065500.jpg
Normal file
After ![]() (image error) Size: 683 KiB |
BIN
static/photos/linuxday/2016/2016_1022_14072800.jpg
Normal file
After ![]() (image error) Size: 904 KiB |
BIN
static/photos/linuxday/2016/2016_1022_14083300.jpg
Normal file
After ![]() (image error) Size: 794 KiB |
BIN
static/photos/linuxday/2016/2016_1022_14093900.jpg
Normal file
After ![]() (image error) Size: 701 KiB |
BIN
static/photos/linuxday/2016/2016_1022_14094700.jpg
Normal file
After ![]() (image error) Size: 768 KiB |
BIN
static/photos/linuxday/2016/2016_1022_14095200.jpg
Normal file
After ![]() (image error) Size: 870 KiB |
BIN
static/photos/linuxday/2016/2016_1022_14101500.jpg
Normal file
After ![]() (image error) Size: 762 KiB |
BIN
static/photos/linuxday/2016/2016_1022_14104200.jpg
Normal file
After ![]() (image error) Size: 656 KiB |
BIN
static/photos/linuxday/2016/2016_1022_14581200.jpg
Normal file
After ![]() (image error) Size: 820 KiB |
BIN
static/photos/linuxday/2016/2016_1022_14581600.jpg
Normal file
After ![]() (image error) Size: 845 KiB |
BIN
static/photos/linuxday/2016/2016_1022_15011100.jpg
Normal file
After ![]() (image error) Size: 665 KiB |
BIN
static/photos/linuxday/2016/2016_1022_15023400.jpg
Normal file
After ![]() (image error) Size: 806 KiB |
BIN
static/photos/linuxday/2016/2016_1022_15025400.jpg
Normal file
After ![]() (image error) Size: 823 KiB |
BIN
static/photos/linuxday/2016/2016_1022_15035100.jpg
Normal file
After ![]() (image error) Size: 841 KiB |
BIN
static/photos/linuxday/2016/2016_1022_15414100.jpg
Normal file
After ![]() (image error) Size: 802 KiB |
BIN
static/photos/linuxday/2016/2016_1022_15463000.jpg
Normal file
After ![]() (image error) Size: 791 KiB |