HTML <img> Attribute ကို ဖွ င့် နေသည်။
ဥပမာ
ခေါက်ဆွဲအောက်ရှိ ပုံများသို့ ပျင်းရိစွာတင်ခြင်းအား ထည့်ပါ-
<img src="/w3images/wedding.jpg" alt="Wedding" style="width:100%">
<img
src="/w3images/rocks.jpg" alt="Rocks" style="width:100%">
<!--
off-screen images -->
<img src="/w3images/paris.jpg" alt="Paris"
style="width:100%" loading="lazy">
<img src="/w3images/nature.jpg"
alt="Nature" style="width:100%" loading="lazy">
<img src="/w3images/underwater.jpg"
alt="Underwater" style="width:100%" loading="lazy">
<img src="/w3images/ocean.jpg"
alt="Ocean" style="width:100%" loading="lazy">
<img src="/w3images/mountainskies.jpg"
alt="Mountains" style="width:100%" loading="lazy">
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ရည်ညွှန်းချက် တွင် loading
ဘရောက်ဆာသည် ပုံတစ်ပုံကို ချက်ချင်းတင်သင့်သလား သို့မဟုတ် ဥပမာအားဖြင့် အသုံးပြုသူသည် ၎င်းတို့အနီးသို့ လှိမ့်သွားသည်အထိ မျက်နှာပြင်ပြင်ပပုံများကို တင်ခြင်းအား ရွှေ့ဆိုင်းရန် သတ်မှတ်ပေးသည်။
အကြံပြုချက်-loading="lazy"
ခေါက်မှုအောက်တွင် နေရာချထားသော ပုံများသို့သာ ထည့်ပါ ။
Browser ပံ့ပိုးမှု
Attribute | |||||
---|---|---|---|---|---|
loading | 77.0 | 79.0 | 75.0 | Not Supported | 64.0 |
အထားအသို
<img src="URL" loading="eager|lazy">
ရည်ညွှန်းတန်ဖိုးများ
Value | Description |
---|---|
eager | Default. Loads an image immediately |
lazy | Defer loading of images until some conditions are met |
❮ HTML <img> တဂ်