Reorder gallery example images
Will Faught
BIN
exampleSite/content/shortcodes/gallery/01-2.jpg
Normal file
|
After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 65 KiB After Width: | Height: | Size: 65 KiB |
|
Before Width: | Height: | Size: 87 KiB After Width: | Height: | Size: 87 KiB |
|
Before Width: | Height: | Size: 66 KiB After Width: | Height: | Size: 66 KiB |
|
Before Width: | Height: | Size: 49 KiB After Width: | Height: | Size: 49 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 15 KiB |
@@ -16,16 +16,16 @@ Code:
|
||||
|
||||
```go-html-template
|
||||
{{</* paige/gallery align="start" */>}}
|
||||
{{</* paige/image height="20rem" src="1-2.jpg" */>}}
|
||||
{{</* paige/image height="10rem" src="2-2.jpg" */>}}
|
||||
{{</* paige/image height="20rem" src="01-2.jpg" */>}}
|
||||
{{</* paige/image height="10rem" src="02-2.jpg" */>}}
|
||||
{{</* /paige/gallery */>}}
|
||||
```
|
||||
|
||||
Result:
|
||||
|
||||
{{< paige/gallery align="start" >}}
|
||||
{{< paige/image height="20rem" src="1-2.jpg" >}}
|
||||
{{< paige/image height="10rem" src="2-2.jpg" >}}
|
||||
{{< paige/image height="20rem" src="01-2.jpg" >}}
|
||||
{{< paige/image height="10rem" src="02-2.jpg" >}}
|
||||
{{< /paige/gallery >}}
|
||||
|
||||
---
|
||||
@@ -34,16 +34,16 @@ Code:
|
||||
|
||||
```go-html-template
|
||||
{{</* paige/gallery align="center" */>}}
|
||||
{{</* paige/image height="20rem" src="1-2.jpg" */>}}
|
||||
{{</* paige/image height="10rem" src="2-2.jpg" */>}}
|
||||
{{</* paige/image height="20rem" src="01-2.jpg" */>}}
|
||||
{{</* paige/image height="10rem" src="02-2.jpg" */>}}
|
||||
{{</* /paige/gallery */>}}
|
||||
```
|
||||
|
||||
Result:
|
||||
|
||||
{{< paige/gallery align="center" >}}
|
||||
{{< paige/image height="20rem" src="1-2.jpg" >}}
|
||||
{{< paige/image height="10rem" src="2-2.jpg" >}}
|
||||
{{< paige/image height="20rem" src="01-2.jpg" >}}
|
||||
{{< paige/image height="10rem" src="02-2.jpg" >}}
|
||||
{{< /paige/gallery >}}
|
||||
|
||||
---
|
||||
@@ -52,16 +52,16 @@ Code:
|
||||
|
||||
```go-html-template
|
||||
{{</* paige/gallery align="end" */>}}
|
||||
{{</* paige/image height="20rem" src="1-2.jpg" */>}}
|
||||
{{</* paige/image height="10rem" src="2-2.jpg" */>}}
|
||||
{{</* paige/image height="20rem" src="01-2.jpg" */>}}
|
||||
{{</* paige/image height="10rem" src="02-2.jpg" */>}}
|
||||
{{</* /paige/gallery */>}}
|
||||
```
|
||||
|
||||
Result:
|
||||
|
||||
{{< paige/gallery align="end" >}}
|
||||
{{< paige/image height="20rem" src="1-2.jpg" >}}
|
||||
{{< paige/image height="10rem" src="2-2.jpg" >}}
|
||||
{{< paige/image height="20rem" src="01-2.jpg" >}}
|
||||
{{< paige/image height="10rem" src="02-2.jpg" >}}
|
||||
{{< /paige/gallery >}}
|
||||
|
||||
## Breakpoints parameter
|
||||
@@ -408,16 +408,16 @@ Code:
|
||||
{{</* paige/figure caption="Gallery" */>}}
|
||||
{{</* paige/gallery */>}}
|
||||
{{</* paige/figure caption="Image 1" */>}}
|
||||
{{</* paige/image src="1-2.jpg" */>}}
|
||||
{{</* paige/image src="01-2.jpg" */>}}
|
||||
{{</* /paige/figure */>}}
|
||||
{{</* paige/figure caption="Image 2" */>}}
|
||||
{{</* paige/image src="2-2.jpg" */>}}
|
||||
{{</* paige/image src="02-2.jpg" */>}}
|
||||
{{</* /paige/figure */>}}
|
||||
{{</* paige/figure caption="Image 3" */>}}
|
||||
{{</* paige/image src="3.jpg" */>}}
|
||||
{{</* paige/image src="03.jpg" */>}}
|
||||
{{</* /paige/figure */>}}
|
||||
{{</* paige/figure caption="Image 4" */>}}
|
||||
{{</* paige/image src="4.jpg" */>}}
|
||||
{{</* paige/image src="04.jpg" */>}}
|
||||
{{</* /paige/figure */>}}
|
||||
{{</* /paige/gallery */>}}
|
||||
{{</* /paige/figure */>}}
|
||||
@@ -428,16 +428,16 @@ Result:
|
||||
{{< paige/figure caption="Gallery" >}}
|
||||
{{< paige/gallery >}}
|
||||
{{< paige/figure caption="Image 1" >}}
|
||||
{{< paige/image src="1-2.jpg" >}}
|
||||
{{< paige/image src="01-2.jpg" >}}
|
||||
{{< /paige/figure >}}
|
||||
{{< paige/figure caption="Image 2" >}}
|
||||
{{< paige/image src="2-2.jpg" >}}
|
||||
{{< paige/image src="02-2.jpg" >}}
|
||||
{{< /paige/figure >}}
|
||||
{{< paige/figure caption="Image 3" >}}
|
||||
{{< paige/image src="3.jpg" >}}
|
||||
{{< paige/image src="03.jpg" >}}
|
||||
{{< /paige/figure >}}
|
||||
{{< paige/figure caption="Image 4" >}}
|
||||
{{< paige/image src="4.jpg" >}}
|
||||
{{< paige/image src="04.jpg" >}}
|
||||
{{< /paige/figure >}}
|
||||
{{< /paige/gallery >}}
|
||||
{{< /paige/figure >}}
|
||||
|
||||