zhao/hugo-theme-moments
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

FEATURE: Add caption under pictures in the fancybox mode

Browse source
This commit is contained in:
FarseaSH 2022-09-04 21:14:31 +08:00
parent 3776130e5c
commit d5904ec528
2 changed files with 9 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
layouts/partials/pic_set.html
View file

@ -5,6 +5,8 @@
{{ $max_width = 53}}
{{ end }}
{{ $caption := .caption}}
<div class="pic-grid" style="width: {{ $max_width }}%">
<div class="pure-g">
{{ range $num, $a := .pic_set }}

18
layouts/partials/row.html
View file

@ -61,7 +61,8 @@
{{/* add-on info 1: pictures */}}
{{/* new pictures API `pictures` (combine single & multiple pictures)*/}}
{{ $pictures_set:= slice}}
{{ $pictures_set := slice}}
{{ $picture_caption := .Plain}}
{{ with .Params.pictures }}
{{ range . }}
{{ with . }}
@ -72,25 +73,20 @@
{{ if (eq (len $pictures_set) 1) }}
{{ range $pictures_set }}
<img src="{{ . }}" class="single-pic" alt="Responsive image" data-fancybox="gallery"></img>
<img src="{{ . }}" class="single-pic" alt="Responsive image" data-fancybox="gallery" data-caption={{ $picture_caption }}></img>
{{ end }}
{{ end }}
{{ $test := "test" }}
{{ if (gt (len $pictures_set) 1)}}
{{/* partial "pic_set.html" (dict "pic_set" $pictures_set "other" $.Site.BaseURL) */}}
{{ partial "pic_set.html" (dict "pic_set" $pictures_set "other" $.Site.BaseURL) }}
{{ $test }}
{{ partial "pic_set.html" (dict "pic_set" $pictures_set "other" $.Site.BaseURL) }}
{{/* partial "pic_set.html" $pictures_set "other" */}}
{{ partial "pic_set.html" (dict "pic_set" $pictures_set "other" $.Site.BaseURL "caption" $picture_caption) }}
{{ end }}
{{/* Probably DEPRECATED in the future: single picture (old version API `pic`)*/}}
{{ with .Params.pic }}
<img src="{{ . }}" class="single-pic" alt="Responsive image" data-fancybox="gallery"></img>
<img src="{{ . }}" class="single-pic" alt="Responsive image" data-fancybox="gallery" data-caption={{ $picture_caption }}></img>
{{ end }}
{{/* Probably DEPRECATED: multiple pictures (old version API `pic_set`) */}}
{{/* Probably DEPRECATED in the future: multiple pictures (old version API `pic_set`) */}}
{{ $pic_set_filtered := slice}}
{{ with .Params.pic_set }}
{{ range . }}
@ -101,7 +97,7 @@
{{ end }}
{{ with $pic_set_filtered }}
{{ partial "pic_set.html" (dict "pic_set" .) }}
{{ partial "pic_set.html" (dict "pic_set" . "caption" $picture_caption) }}
{{ end }}