Implement a photo carousel
The layout of this is all CSS with scroll-snap. (Neat!) Also implement a JavaScript scroll event listener that detects when photos scroll and updates the caption and photo data. Refactor a few parts of the photo_exif_table into partials so they can be reused for the carousel items.
This commit is contained in:
parent
0010e65428
commit
f5fd358922
7 changed files with 393 additions and 21 deletions
8
layouts/partials/photos/megapixels.html
Normal file
8
layouts/partials/photos/megapixels.html
Normal file
|
@ -0,0 +1,8 @@
|
|||
{{ $widthpx := .PixelXDimension }}
|
||||
{{ $heightpx := .PixelYDimension }}
|
||||
{{ $megapixels := 0 }}
|
||||
{{ if and (gt $widthpx 0) (gt $heightpx 0) }}
|
||||
{{ $megapixels = div (mul $widthpx $heightpx) 1e6 }}
|
||||
{{ end }}
|
||||
{{ $formattedMegapixels := printf "%.0f MP" $megapixels }}
|
||||
{{ return $formattedMegapixels }}
|
Loading…
Add table
Add a link
Reference in a new issue