les figures resizent automatiquement les images et les convertissent en webp
Some checks are pending
/ test (push) Waiting to run

This commit is contained in:
gribse 2025-05-06 22:31:56 +02:00
parent 9fbc692ca0
commit 2695d07949
3 changed files with 11 additions and 4 deletions

View file

@ -51,7 +51,7 @@ Pour qu'elle soit si compacte, il a été décidé de ne pas inclure de levier d
Quand on part en voyage, on peut l'emporter dans sa boîte de rangement en bois :
{{< figure src="images/2025-04-21-19-29-35-249.jpg" alt="la machine dans sa boite" title="La booîte de rangement s'assemble sur la machine pour la protéger">}}
{{< figure src="images/2025-04-21-19-29-35-249.jpg" size="600" alt="la machine dans sa boite" title="La booîte de rangement s'assemble sur la machine pour la protéger">}}
# Ancienne !

View file

@ -8,7 +8,11 @@ Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/
{{- $.Page.Scratch.Add "figurecount" 1 -}}
<!-- use either src or link-thumb for thumbnail image -->
{{- $thumb := .Get "src" | default (printf "%s." (.Get "thumb") | replace (.Get "link") ".") }}
{{- $thumbResource := $.Page.Resources.Get $thumb }}
{{- $thumbResource := $.Page.Resources.GetMatch $thumb }}
{{- $fitSize := .Get "size" | default "400" }}
{{- if $thumbResource }}
{{- $thumbResource = $thumbResource.Fit (printf "%[1]sx%[1]s webp q85" $fitSize) -}}
{{- end }}
<div class="box{{ with .Get "caption-position" }} fancy-figure caption-position-{{.}}{{end}}{{ with .Get "caption-effect" }} caption-effect-{{.}}{{end}}" {{ with .Get "width" }}style="max-width:{{.}}"{{end}}>
<figure {{ with .Get "class" }}class="{{.}}"{{ end }} itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
<div class="img"{{ if .Parent }} style="background-image: url('{{ if $thumbResource }}{{ $thumbResource.RelPermalink }}{{ else }}{{ $thumb | relURL }}{{ end }}');"{{ end }}{{ with .Get "size" }} data-size="{{.}}"{{ end }}>

View file

@ -6,8 +6,10 @@
- [ ] Lien flux rss en bas de page
- [ ] Resize scrolling posts pour écrans fullhd x1.25
## Galleries
- [ ] ajouter une optimisation qui traite automatiquement les images dans les galleries en les resizant à la largeur de la page et en les transformant en .webp
## Galleries / figures
- [x] ajouter une optimisation qui traite automatiquement les images dans les galleries en les resizant à la largeur de la page et en les transformant en .webp
- [ ] Un clic sur une image l'ouvre en grand
- [ ] La taille de l'image est un paramètre du shortcode
- [ ] revoir le css des galleries pour le rendre moins moche
## Contenu
@ -37,6 +39,7 @@
## Galleries
- [x] fix le nouveau shortcode "gallery"
- [ ] Une figure qui s'affiche en plus petit que la taille par défaut de 400px sur une page doit etre générée à cette taille uniquement
## Contenu