【问题标题】:lazyloading of images gatsby延迟加载图像 gatsby
【发布时间】:2021-08-15 15:58:55
【问题描述】:

如果图像的查询在 gatsby 的父(站点)组件中,何时加载灯箱的大图像?

  • a) 与网站?
  • b) 带有小灯箱组件
  • c) 点击灯箱的小图片
- site component
  |- lightbox
    |-large img

// site component queries the images
// lightbox onclick opens  large image

有人可以解释一下这种行为以及为什么会这样吗?

【问题讨论】:

    标签: javascript gatsby gatsby-image


    【解决方案1】:

    假设您使用的是gatsby-image-plugin,默认情况下会设置延迟加载,这意味着如果图像不在屏幕上,它们在它们出现之前不会被浏览器加载。为了确保布局不会跳来跳去,在图片加载之前会显示一个占位符。

    所以,回答你的问题,它应该是“C”选项。 loading 属性可以解决问题。

    【讨论】:

      猜你喜欢
      • 2013-10-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-10-31
      • 2020-08-12
      • 2018-08-12
      • 1970-01-01
      相关资源
      最近更新 更多