public/lightbox-gallery
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Обновлены зависимости

Browse Source
This commit is contained in:
Valentin Silyutin
2025-11-12 20:15:49 +04:00
parent 19990b507e
commit 4e863ab1c1
15 changed files with 1078 additions and 957 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
index.js
View File

@@ -195,7 +195,7 @@ const init = async (items = [], options = {}, index = 0) => {
Загрузка YouTube-плеера...
</div>
</div>
${ caption ? `<div class="advdominion-lg__caption">${caption}</div>` : '' }
${caption ? `<div class="advdominion-lg__caption">${caption}</div>` : ''}
</div>
`;
} else if (/(?:vkvideo\.ru|vk\.com)\/video/.test(item)) {
@@ -209,16 +209,20 @@ const init = async (items = [], options = {}, index = 0) => {
Ошибка при загрузке VK-плеера
</div>
</div>
${ caption ? `<div class="advdominion-lg__caption">${caption}</div>` : '' }
${caption ? `<div class="advdominion-lg__caption">${caption}</div>` : ''}
</div>
`;
}
return `
<div class="advdominion-lg__item advdominion-lg__item_video swiper-slide">
<div class="advdominion-lg__video-wrapper">
<iframe class="advdominion-lg__video advdominion-lg__video_vk" src="https://vkvideo.ru/video_ext.php?oid=${videoId[1]}&id=${videoId[2]}&hd=4&js_api=1" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;"></iframe>
<iframe
class="advdominion-lg__video advdominion-lg__video_vk"
src="https://vkvideo.ru/video_ext.php?oid=${videoId[1]}&id=${videoId[2]}&hd=4&js_api=1"
allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;">
</iframe>
</div>
${ caption ? `<div class="advdominion-lg__caption">${caption}</div>` : '' }
${caption ? `<div class="advdominion-lg__caption">${caption}</div>` : ''}
</div>
`;
} else if (/rutube\.ru/.test(item)) {
@@ -232,23 +236,27 @@ const init = async (items = [], options = {}, index = 0) => {
Ошибка при загрузке RuTube-плеера
</div>
</div>
${ caption ? `<div class="advdominion-lg__caption">${caption}</div>` : '' }
${caption ? `<div class="advdominion-lg__caption">${caption}</div>` : ''}
</div>
`;
}
return `
<div class="advdominion-lg__item advdominion-lg__item_video swiper-slide">
<div class="advdominion-lg__video-wrapper">
<iframe class="advdominion-lg__video advdominion-lg__video_rt" src="https://rutube.ru/play/embed/${videoId[1]}" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;"></iframe>
<iframe
class="advdominion-lg__video advdominion-lg__video_rt"
src="https://rutube.ru/play/embed/${videoId[1]}"
allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;">
</iframe>
</div>
${ caption ? `<div class="advdominion-lg__caption">${caption}</div>` : '' }
${caption ? `<div class="advdominion-lg__caption">${caption}</div>` : ''}
</div>
`;
}
return `
<div class="advdominion-lg__item swiper-slide">
<img class="advdominion-lg__image" src="${item}" alt="" loading="lazy">
${ caption ? `<div class="advdominion-lg__caption">${caption}</div>` : '' }
${caption ? `<div class="advdominion-lg__caption">${caption}</div>` : ''}
</div>
`;
});
@@ -342,11 +350,14 @@ const init = async (items = [], options = {}, index = 0) => {
const swiper = new Swiper(
gallery.querySelector('.advdominion-lg__container'),
Object.assign({
modules: [...new Set([Navigation, Pagination, ...(options.swiper?.modules || [])])],
init: false,
initialSlide: index
}, options.swiper),
Object.assign(
{
modules: [...new Set([Navigation, Pagination, ...(options.swiper?.modules || [])])],
init: false,
initialSlide: index,
},
options.swiper,
),
);
swiper.on('init', function () {