From 0cfd27f38561bc190eeda8ad83cf352984140330 Mon Sep 17 00:00:00 2001 From: Deltacms Date: Sun, 12 Feb 2023 09:07:24 +0100 Subject: [PATCH] =?UTF-8?q?am=C3=A9lioration=20swiper=20suite?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- core/vendor/swiper/swiperEffectVertical.js | 52 +++++++++++----------- core/vendor/swiper/swiper_deltacms.css | 9 ++-- 2 files changed, 32 insertions(+), 29 deletions(-) diff --git a/core/vendor/swiper/swiperEffectVertical.js b/core/vendor/swiper/swiperEffectVertical.js index 0f33ffa..29cb610 100644 --- a/core/vendor/swiper/swiperEffectVertical.js +++ b/core/vendor/swiper/swiperEffectVertical.js @@ -1,32 +1,34 @@ /* Script pour bannière animée avec effet de défilement vertical */ /* Adapte la largeur et la hauteur des images de la bannière à la taille de la fenêtre client */ -$(document).ready(function(){ - $.wrapper = function(){ - var heightMod , - widthMod, - wclient; - wclient = window.innerWidth; - switch ( verticalBannerWidthSite ) - { - case "75vw": - widthMod = 0.75 * wclient; - break; - case "85vw": - widthMod = 0.85 * wclient; - break; - case "95vw": - widthMod = 0.95 * wclient; - break; - default: - widthMod = wclient; - } - heightMod = verticalBannerHeightImg * ( widthMod / verticalBannerWidthImg ); - $("#headerSwiper .swiper").css("width", widthMod); +$.wrapper = function(){ + var heightMod , + widthMod, + wclient; + wclient = window.innerWidth; + switch ( verticalBannerWidthSite ) + { + case "75vw": + widthMod = 0.75 * wclient; + break; + case "85vw": + widthMod = 0.85 * wclient; + break; + case "95vw": + widthMod = 0.95 * wclient; + break; + default: + widthMod = wclient; + } + heightMod = verticalBannerHeightImg * ( widthMod / verticalBannerWidthImg ); + $("#headerSwiper .swiper").css("width", widthMod); $("#headerSwiper .swiper").css("height", heightMod); } + +$(document).ready(function(){ + $.wrapper(); +}); + +$(window).resize(function(){ $.wrapper(); - $(window).resize(function(){ - $.wrapper(); - }); }); \ No newline at end of file diff --git a/core/vendor/swiper/swiper_deltacms.css b/core/vendor/swiper/swiper_deltacms.css index e9e3e43..0429e93 100644 --- a/core/vendor/swiper/swiper_deltacms.css +++ b/core/vendor/swiper/swiper_deltacms.css @@ -1,16 +1,17 @@ /** Swiper pour Deltacms personnalisation **/ - +/* #headerSwiper .swiper { width: 100%; height: 100%; } - +*/ /* la class swiper-wrapper est modifiée par le script contenu dans le json theme/header/swiperContent */ +/* #headerSwiper .swiper-wrapper{ width: 100%; max-height: 600px; } - +*/ #headerSwiper .swiper-slide { display: flex; justify-content: center; @@ -21,6 +22,6 @@ display: block; width: 100%; height: 100%; - max-height: 600px; + max-height: 600px; object-fit: cover; } \ No newline at end of file