懶加載
您想要延遲加載圖片以節省資源
Suggestion
使用 AcroolSlideCard
的 background
,若 [瀏覽器開發模式的禁用網路緩存] 會加載兩次圖片,因為透過 new Image
進行載入後再提供給 background
,這個設計是為了拿到讀取狀態
<AcroolCarousel
// ...ignore some
isLazy
renderLazyPreloader={() => <MyLoader/>}
/>
您可以在瀏覽器中打開 DevMode / Network 並嘗試查看它是如何加載的。