Deltacms/Deltacms
Deltacms
/
Deltacms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

amélioration swiper suite

This commit is contained in:
Deltacms 2023-02-12 09:07:24 +01:00
parent 980a0cf07f
commit 0cfd27f385
2 changed files with 32 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
core/vendor/swiper/swiperEffectVertical.js vendored
View File

@ -1,8 +1,7 @@
/* Script pour bannière animée avec effet de défilement vertical */ /* 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 */ /* Adapte la largeur et la hauteur des images de la bannière à la taille de la fenêtre client */
$(document).ready(function(){ $.wrapper = function(){
$.wrapper = function(){
var heightMod , var heightMod ,
widthMod, widthMod,
wclient; wclient;
@ -25,8 +24,11 @@ $(document).ready(function(){
$("#headerSwiper .swiper").css("width", widthMod); $("#headerSwiper .swiper").css("width", widthMod);
$("#headerSwiper .swiper").css("height", heightMod); $("#headerSwiper .swiper").css("height", heightMod);
} }
$(document).ready(function(){
$.wrapper();
});
$(window).resize(function(){
$.wrapper(); $.wrapper();
$(window).resize(function(){
$.wrapper();
});
}); });

7
core/vendor/swiper/swiper_deltacms.css vendored
View File

@ -1,16 +1,17 @@
/** Swiper pour Deltacms personnalisation **/ /** Swiper pour Deltacms personnalisation **/
/*
#headerSwiper .swiper { #headerSwiper .swiper {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
*/
/* la class swiper-wrapper est modifiée par le script contenu dans le json theme/header/swiperContent */ /* la class swiper-wrapper est modifiée par le script contenu dans le json theme/header/swiperContent */
/*
#headerSwiper .swiper-wrapper{ #headerSwiper .swiper-wrapper{
width: 100%; width: 100%;
max-height: 600px; max-height: 600px;
} }
*/
#headerSwiper .swiper-slide { #headerSwiper .swiper-slide {
display: flex; display: flex;
justify-content: center; justify-content: center;