图像

背景图像加载(急切加载)

加载懒加载属性

图像

带有 Srcset 的 Picture 元素

背景图像

背景图像

带有 Srcset 的背景图像

背景 Picture 元素

带有 Srcset 的背景 Picture 元素

带有多个 Source 的背景 Picture 元素

带有 Image 元素的 uk-img (已弃用)

图像

带有 Srcset 的 Picture 元素

标题

Lorem ipsum dolor sit amet.

标题

Lorem ipsum dolor sit amet.

标题

Lorem ipsum dolor sit amet.

标题

Lorem ipsum dolor sit amet.

1

2

3

4

5

6

7

8

9

10

JavaScript 选项

选项 默认值 描述
dataSrc 字符串 图像的 `src` 属性。
sources 字符串 图像的 sources 属性。此选项仅用于背景图像。sources 属性以 `key: value;` 格式传递单个 source。对于多个 source,使用 JSON 格式。
loading 字符串 lazy 启用懒加载/急切加载。对于第一个可见视口内的图像,设置为 `eager`。
margin 字符串 50% 在计算与图像的交集之前,margin 属性会增加视口的边界框。(必须是 px 或 % 单位)
target 布尔值, 字符串 false 一个目标列表,这些目标的边界框将用于计算与图像的交集。(默认为图像本身)