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
|
// Bannière animée avec swiper
|
||||||
if( $this->getInput('themeHeaderFeature') === 'swiper' ){
|
if( $this->getInput('themeHeaderFeature') === 'swiper' ){
|
||||||
$swiperContent = $this->swiperContent('header');
|
$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);
|
// $featureContent = str_replace(helper::baseUrl(false,false), './', $featureContent);
|
||||||
// Si une image est positionnée, l'arrière en transparent.
|
// Si une image est positionnée, l'arrière en transparent.
|
||||||
|
|
Loading…
Reference in New Issue