kate522/wordpress-theme-aksrt
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(frontend): replace lazy loading with zibll lazysizes

Browse Source
This commit is contained in:
kate522 committed 2026-08-18 01:33:38 +08:00
1 parent 02571eecd6
commit 435ee1daa7
78 files changed
+1515 -909
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

templates/parts/home-modules/module-hero.php
+13 -11
View File
@@ -377,16 +377,18 @@ if (!empty($hero_banners)) :
}
// Background media (zibll order: video > image).
$s_background = '';
if ($use_video) {
$poster = $image_url !== '' ? ' poster="' . esc_url($image_url) . '"' : '';
$s_background = '<video autoplay loop muted playsinline class="fit-cover radius8" src="' . esc_url($video_url) . '"' . $poster . '></video><div class="absolute"></div>';
} elseif ($image_url !== '') {
$s_background = '<img class="fit-cover radius8' . ($index > 0 ? ' lazyload swiper-lazy' : '') . '"'
. ($index > 0
? ' data-src="' . esc_url($image_url) . '" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"'
: ' src="' . esc_url($image_url) . '"')
. ' alt="' . esc_attr($img_alt) . '">';
$s_background = '';
if ($use_video) {
if (aksrt_is_lazy('lazy_sider')) {
$poster = $image_url !== '' ? ' data-poster="' . esc_url($image_url) . '"' : '';
$video_src = ' class="fit-cover radius8 lazyload" src="" data-src="' . esc_url($video_url) . '"';
} else {
$poster = $image_url !== '' ? ' poster="' . esc_url($image_url) . '"' : '';
$video_src = ' class="fit-cover radius8" src="' . esc_url($video_url) . '"';
}
$s_background = '<video autoplay loop muted playsinline' . $video_src . $poster . '></video><div class="absolute"></div>';
} elseif ($image_url !== '') {
$s_background = '<img' . aksrt_get_lazy_attr('lazy_sider', $image_url, 'fit-cover radius8', aksrt_get_lazy_thumb('lg')) . ' alt="' . esc_attr($img_alt) . '">';
} else {
continue;
}
@@ -403,7 +405,7 @@ if (!empty($hero_banners)) :
if ($layer_image === '') {
continue;
}
$layer_img = '<img class="radius8 lazyload swiper-lazy" data-src="' . esc_url($layer_image) . '" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="' . esc_attr($img_alt) . '">';
$layer_img = '<img' . aksrt_get_lazy_attr('lazy_sider', $layer_image, 'radius8', aksrt_get_lazy_thumb('lg')) . ' alt="' . esc_attr($img_alt) . '">';
$layer_parallax = isset($layer['parallax']) ? (int) $layer['parallax'] : 0;
$layer_attr = $layer_parallax ? ' data-swiper-parallax="' . $layer_parallax . '%"' : '';
$layer_class = !empty($layer['free_size']) ? ' slide-layer' : '';