bannière animée suite
This commit is contained in:
parent
8f9dea9c26
commit
a48ea94fbd
|
@ -440,89 +440,6 @@ class theme extends common {
|
|||
// Bannière animée avec swiper
|
||||
if( $this->getInput('themeHeaderFeature') === 'swiper' ){
|
||||
$swiperContent = $this->swiperContent('header');
|
||||
/*
|
||||
// Extraction des images du dossier choisi
|
||||
$iterator = new DirectoryIterator('./'.self::$listDirs[$this->getInput('themeHeaderDirectory')]);
|
||||
$imageFile = [];
|
||||
foreach($iterator as $key=>$fileInfos) {
|
||||
if($fileInfos->isDot() === false AND $fileInfos->isFile() AND @getimagesize($fileInfos->getPathname())) {
|
||||
$imageFile[$key] = $fileInfos->getPathname();
|
||||
}
|
||||
}
|
||||
sort($imageFile);
|
||||
// Préparation du contenu
|
||||
$swiperContent = '';
|
||||
// Adaptation du css au client pour l'option de défilement vertical
|
||||
if( $this->getInput('themeHeaderSwiperEffects') === 'vertical'){
|
||||
$size = getimagesize($imageFile[0]);
|
||||
$swiperContent .= '<script>
|
||||
$.wrapper = function(){
|
||||
var heightImg = '. $size[1] . ',
|
||||
widthImg = '. $size[0] .',
|
||||
heightMod ,
|
||||
widthMod,
|
||||
widthSiteInt,
|
||||
wclient,
|
||||
widthSite;
|
||||
widthSite = "'. $this->getData(['theme', 'site', 'width' ]) . '";
|
||||
wclient = document.body.clientWidth;
|
||||
switch ( widthSite )
|
||||
{
|
||||
case "750px":
|
||||
widthMod = 750;
|
||||
break;
|
||||
case "960px":
|
||||
widthMod = 960;
|
||||
break;
|
||||
case "1170px":
|
||||
widthMod = 1170;
|
||||
break;
|
||||
default:
|
||||
widthMod = wclient;
|
||||
}
|
||||
if( wclient < widthMod) widthMod = wclient;
|
||||
heightMod = heightImg * ( widthMod / widthImg );
|
||||
$(".swiper-wrapper").css("width", widthMod);
|
||||
$(".swiper-wrapper").css("height", heightMod);
|
||||
console.log( widthSite +" * " + wclient +" ** " + widthMod + " - " + heightMod);
|
||||
}
|
||||
$.wrapper();
|
||||
$(window).resize(function(){
|
||||
$.wrapper();
|
||||
});
|
||||
</script>';
|
||||
}
|
||||
$swiperContent .= '<div id="headerSwiper"><div class="swiper mySwiper"><div class="swiper-wrapper">';
|
||||
foreach($imageFile as $value ) {
|
||||
$swiperContent .= '<div class="swiper-slide"><img src="'.$value.'" /></div>';
|
||||
}
|
||||
$swiperContent .= '</div></div></div>';
|
||||
$swiperContent .= '<script src="./core/vendor/swiper/swiper-bundle.min.js"></script>';
|
||||
$swiperContent .= '<script> var swiperBanner = new Swiper(".mySwiper", { ';
|
||||
// Effets retenus fade, cube, sans effet avec défilement H ou V
|
||||
$reverse ='false';
|
||||
switch ($this->getInput('themeHeaderSwiperEffects')) {
|
||||
case 'fade':
|
||||
$swiperContent .= 'effect: "fade",';
|
||||
break;
|
||||
case 'cube':
|
||||
$swiperContent .= 'effect: "cube",';
|
||||
break;
|
||||
case 'vertical':
|
||||
$swiperContent .= 'direction: "vertical",';
|
||||
break;
|
||||
case 'none':
|
||||
break;
|
||||
}
|
||||
$reverse ='false';
|
||||
if( $this->getInput('themeHeaderSwiperDirection') === '1') $reverse = 'true';
|
||||
$swiperContent .= 'loop: true,';
|
||||
$swiperContent .= 'autoplay: {delay: '.$this->getInput('themeHeaderSwiperTime').', reverseDirection: '.$reverse.', },';
|
||||
$swiperContent .= 'speed: '.$this->getInput('themeHeaderSwiperTransition').', });';
|
||||
$swiperContent .= '</script>';
|
||||
*/
|
||||
|
||||
|
||||
}
|
||||
// $featureContent = str_replace(helper::baseUrl(false,false), './', $featureContent);
|
||||
// Si une image est positionnée, l'arrière en transparent.
|
||||
|
|
Loading…
Reference in New Issue