valentin_le_moign
/
ateliers55
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

toutes les images ne sont pas resize 6

This commit is contained in:
Valentin 2024-04-21 19:15:58 +02:00
parent 92b77e0ad1
commit f6934de1ef
1 changed files with 22 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
user/themes/ateliers-55/js/script.js
View File

@ -73,17 +73,31 @@ function resizeVerticalImages() {
let verticalImages = document.querySelectorAll('.swiper-slide > img');
let imagesIndex = 0;
for (let img of verticalImages) {
imagesIndex++;
img.addEventListener('load', () => {
if(img.complete){
imagesIndex++;
if (img.clientHeight > img.clientWidth) {
img.style.width = "50%";
}
})
if (imagesIndex === verticalImages.length) {
swiperSlideEls = document.querySelectorAll('.swiper-slide');
for (let swiperSlideEl of swiperSlideEls) {
swiperSlideEl.style.maxHeight = "unset";
if (imagesIndex === verticalImages.length) {
swiperSlideEls = document.querySelectorAll('.swiper-slide');
for (let swiperSlideEl of swiperSlideEls) {
swiperSlideEl.style.maxHeight = "unset";
}
}
}
} else {
img.onload = () => {
imagesIndex++;
if (img.clientHeight > img.clientWidth) {
img.style.width = "50%";
}
if (imagesIndex === verticalImages.length) {
swiperSlideEls = document.querySelectorAll('.swiper-slide');
for (let swiperSlideEl of swiperSlideEls) {
swiperSlideEl.style.maxHeight = "unset";
}
}
}
}
}
}