Add layouts/partials/paige/image.html

exampleSite/content/shortcodes/gallery/index.md

@@ -65,6 +65,30 @@ Result:
 {{< paige/image height="10rem" src="2-2.jpg" >}}
 {{< /paige/gallery >}}
 
+## Fetchpriority parameter
+
+Code:
+
+```go-text-template
+{{</* paige/gallery fetchpriority="high" images="*-2.jpg" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery fetchpriority="high" images="*-2.jpg" />}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery fetchpriority="low" images="*-2.jpg" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery fetchpriority="low" images="*-2.jpg" />}}
+
 ## Height parameter
 
 Code:
@@ -149,6 +173,66 @@ Result:
 
 {{< paige/gallery images="*-2.jpg" justify="end" />}}
 
+## Linked parameter
+
+Code:
+
+```go-text-template
+{{</* paige/gallery images="*-2.jpg" linked="unprocessed" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" linked="unprocessed" />}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery images="*-2.jpg" linked="default" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" linked="default" />}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery images="*-2.jpg" linked="r180" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" linked="r180" />}}
+
+## Loading parameter
+
+Code:
+
+```go-text-template
+{{</* paige/gallery images="*-2.jpg" loading="eager" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" loading="eager" />}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery images="*-2.jpg" loading="lazy" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" loading="lazy" />}}
+
 ## Maxheight parameter
 
 Code:
@@ -202,12 +286,24 @@ Result:
 Code:
 
 ```go-text-template
-{{</* paige/gallery images="*-2.jpg" process="300x300 center crop lanczos picture r90 webp" /*/>}}
+{{</* paige/gallery images="*-2.jpg" process="default" /*/>}}
 ```
 
 Result:
 
-{{< paige/gallery images="*-2.jpg" process="300x300 center crop lanczos picture r90 webp" />}}
+{{< paige/gallery images="*-2.jpg" process="default" />}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery images="*-2.jpg" process="300x300 center crop lanczos picture r180 webp" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" process="300x300 center crop lanczos picture r180 webp" />}}
 
 ## Type
 

exampleSite/content/shortcodes/image.md

@@ -23,6 +23,30 @@ Result:
 
 {{< paige/image alt="Landscape" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
 
+## Class parameter
+
+Code:
+
+```go-text-template
+{{</* paige/image class="rounded-5" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image class="rounded-5" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
+## Fetchpriority parameter
+
+Code:
+
+```go-text-template
+{{</* paige/image fetchpriority="high" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image fetchpriority="high" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
 ## Height parameter
 
 Code:
@@ -47,6 +71,54 @@ Result:
 
 {{< paige/image link="https://github.com/willfaught/paige" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
 
+## Linked parameter
+
+Code:
+
+```go-text-template
+{{</* paige/image linked="unprocessed" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image linked="unprocessed" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/image linked="default" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image linked="default" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/image linked="r180" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image linked="r180" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
+## Loading parameter
+
+Code:
+
+```go-text-template
+{{</* paige/image loading="eager" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image loading="eager" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
 ## Maxheight parameter
 
 Code:
@@ -75,6 +147,18 @@ Result:
 
 Code:
 
+```go-text-template
+{{</* paige/image process="default" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image process="default" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
+---
+
+Code:
+
 ```go-text-template
 {{</* paige/image process="550x lanczos picture resize webp" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
 ```