代码之家  ›  专栏  ›  技术社区  ›  Tyssen

使用Lazysizes RIaS插件有条件地更改数据大小的输出

  •  0
  • Tyssen  · 技术社区  · 6 年前

    我在一个使用Cloudinary和 LazySizes RIaS 插件,在大多数情况下,它运行良好。

    我的配置如下:

    window.lazySizesConfig = window.lazySizesConfig || {};
    window.lazySizesConfig.rias = window.lazySizesConfig.rias || {
    prefix: 'https://res.cloudinary.com/user/image/fetch/q_auto:eco,f_auto,c_scale/w_{width}/',
    absUrl: true
    }
    

    我希望大多数图片都是整个专栏的宽度,它们都很好。但是有些源图像没有那么宽,我不希望它们是全宽的。

    但懒散的人也会这么做 sizes 所有图像上的值,等于列的宽度,这意味着一些图像被放大和拉伸。

    有人知道一种方法吗,或者 data 属性或js配置中的条件,这将允许我告诉LazySizes不要应用默认值 大小 特定图像的输出?

    似乎如果我尝试使用其他价值观 auto 对于 data-sizes 懒汉们将无法获得这样的形象。

    我想我可以用你的例子 data-format 它会在 srcset 但是 大小 仍然等于列的宽度。

    0 回复  |  直到 6 年前
        1
  •  0
  •   Tyssen    6 年前

    事实证明,对于我的特殊情况,答案是 style:max-width: XXpx img 标记图像的宽度是否小于 max-width 父母的。