2023-01-07 17:51:38 +01:00
|
|
|
/* 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 */
|
|
|
|
|
2023-02-12 09:07:24 +01:00
|
|
|
$.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);
|
2023-01-09 11:20:32 +01:00
|
|
|
$("#headerSwiper .swiper").css("height", heightMod);
|
2023-01-07 17:51:38 +01:00
|
|
|
}
|
2023-02-12 09:07:24 +01:00
|
|
|
|
|
|
|
$(document).ready(function(){
|
|
|
|
$.wrapper();
|
|
|
|
});
|
|
|
|
|
|
|
|
$(window).resize(function(){
|
2023-01-07 17:51:38 +01:00
|
|
|
$.wrapper();
|
|
|
|
});
|