I use the following image render hook to add height, width and captions to images: {{- $src := .Page.Resources.GetMatch (printf "%s" (.Destination | safeURL)) -}} {{- if $src -}} {{- if .Title -}} <figure> <img src="{{ .Destination | safeURL }}" alt="{{ .Text }}" width="{{ $…

{{ $imgTitle := .Title }} {{ with .Page.Resources.Get .Destination }} {{ with . | images.Filter images.Dither }} <img src="{{ .RelPermalink }}"> {{ $imgTitle }} {{ end }} {{ end }} You can save the .Title or any other attributes provided by image render hook in a variable a…

[image] images.Dither Returns an image filter that dithers an image.

I had already read the documentation, but I’m still clueless as to how to implement this feature in a render hook.

{{ with .Page.Resources.Get .Destination }} {{ with . | images.Filter images.Dither }} <img src="{{ .RelPermalink }}"> {{ end }} {{ end }} You need to get the image object and then apply Dither.

{{ $opts := dict "colors" (slice "222" "808080" "ddd") }} {{ $filters := slice (images.Process "resize 800x") (images.Grayscale) (images.Dither $opts) (images.Process "jpg") }} {{ with .Page.Resources.Get .Destination }} {{ with . | images.Filter $filters }} {{- if .Title…

You have a context problem. The dot (.) isn’t what you think it is when you call the Title or Text methods.

How should I go about referencing the two, then?

Search this forum for “The dot (.) and the dollar ($) in context”

Or you can just use the $ to avoid initializing yet another variable.

That does it. Thank you very much for the help.

[image] The dot (.) and the dollar ($) in context tips & tricks Preamble and Background Story Most of this thread was originally posted here . Another forum member suggested that I cut out my little “ah-ha” moment from my original support request thread and publ…

Dither images with render hook?

support

Arif March 2, 2024, 3:40pm 12

Topic		Replies	Views
Encrypt and Dither Photos in Hugo tips & tricks	3	511	February 12, 2024
Simple image render hook template for responsive images tips & tricks	11	7721	August 25, 2020
Unable to use image filters support	13	1781	February 4, 2020
Pass attributes to image render hook support	4	2272	February 17, 2022
Help with understanding render-image.html support	1	365	April 18, 2024

Dither images with render hook?

Related topics