#120 Content jump with lazyloaded figures

Open
opened 9 months ago by jhabdas · 3 comments
jhabdas commented 9 months ago

To reproduce find a page with a lazy-loaded figure, scroll down and refresh the page.

To reproduce find a page with a lazy-loaded figure, scroll down and refresh the page.
jhabdas added the
bug
label 9 months ago
jhabdas commented 3 months ago
Owner

Two ways to address this:

  • User may use a media box (i.e. .responsive-iframe from theme.css)
  • We can get the image dimensions and use it to calculate intrinsic ratio and output it in an inline style attribute on build (recommended)

See #162 for fix used for Post Images

Two ways to address this: - User may use a media box (i.e. `.responsive-iframe` from `theme.css`) - We can get the image dimensions and use it to calculate intrinsic ratio and output it in an inline `style` attribute on build (recommended) See #162 for fix used for Post Images
jhabdas commented 2 months ago
Owner
Suitable solution looks to be in the works: https://discourse.gohugo.io/t/low-quality-image-placeholder-lqip-pipes/20259
jhabdas commented 1 week ago
Owner

Try image config to get the image data, hopefully it’s working now https://gohugo.io/functions/images/#imageconfig

Test 0.58 (which introduced image filters dep to hugo) and min supported

Try image config to get the image data, hopefully it's working now https://gohugo.io/functions/images/#imageconfig Test 0.58 (which introduced image filters dep to hugo) and min supported
Sign in to join this conversation.
No Milestone
No Assignees
1 Participants
Due Date

No due date set.

Dependencies

This issue currently doesn't have any dependencies.

Loading…
Cancel
Save
There is no content yet.