eric/bridget
1
0
Fork 0
mirror of https://github.com/Sped0n/bridget.git synced 2026-04-20 21:19:31 -07:00
Code Issues Packages Projects Releases Wiki Activity

finish transition to json data fetching

Browse Source 
add smooth close animation
This commit is contained in:
Spedon
2023-03-11 19:56:27 +08:00
parent d20388394e
commit 22967b6f5c
3 changed files with 170 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
layouts/index.html
View File

@@ -24,13 +24,15 @@
{{ $.Scratch.Add "img" slice }}
{{ range . }}
{{ $index = sub $index 1}}
{{ $.Scratch.Add "img" (dict "link" .RelPermalink "height" .Height "width" .Width) }}
<div class="image_container" data-index="{{ $index }}" data-status="inactive">
<img src="{{ .RelPermalink }}" height="{{ .Height }}" width="{{ .Width }}"/>
</div>
{{ $.Scratch.Add "img" (dict "index" (string $index) "url" (string .RelPermalink) "height" (string .Height) "width" (string .Width)) }}
{{ end }}
<script id="images_array" type="application/json">{{ $.Scratch.Get "img" | jsonify | safeJS }}</script>
{{ end }}
<div class="image_container" id="layer5" data-status="null"></div>
<div class="image_container" id="layer4" data-status="null"></div>
<div class="image_container" id="layer3" data-status="null"></div>
<div class="image_container" id="layer2" data-status="null"></div>
<div class="image_container" id="layer1" data-status="null"></div>
</div>
<footer>
{{ partial "footer.html" . }}