Fatal编程技术网
  • javascript/
  • Javascript 使用Lazysizes RIaS插件有条件地更改数据大小的输出

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

javascript

Javascript 使用Lazysizes RIaS插件有条件地更改数据大小的输出,javascript,lazy-loading,Javascript,Lazy Loading,我在一个使用Cloudinary和插件的网站上工作，在大多数情况下，它工作得很好 我的配置如下： 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_{w

我在一个使用Cloudinary和插件的网站上工作，在大多数情况下，它工作得很好

我的配置如下：

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
}
我想要的大多数图片都是整个栏目的宽度，它们都很好。但是有些源图像没有那么宽，我不希望它们是全宽的

但是LazySizes会在所有图像上设置相同的
size
值，该值等于列的宽度，这意味着一些图像会被放大和拉伸

有人知道一种方法吗，在标记中使用
数据
属性，或者在js配置中使用条件，这将允许我告诉LazySizes不要为某些图像应用默认的
大小
输出

似乎如果我尝试对
数据大小使用
auto
以外的任何值，LazySizes将无法为该图像运行


我想我可以使用您用于
数据格式的示例，该示例在
srcset
中输出不同的值，但是
大小仍然等于列的宽度。
事实证明，对于我的特殊情况，答案是在
img
标记中添加
style:max width:XXpx
，如果图像的宽度小于父图像的
最大宽度