Subversion-Projekte lars-tiefland.webanos.zeldi.de

<!-- $Id: aktion_sliderVorschau_v3.tpl 2696 2022-03-01 11:43:15Z tiefland $ BEGIN -->
<script>
    $(document).ready(function(){
        
        let speed = 0;
        let auto = false;
        let mode = "fade";
        let pagerCustom = false;
        let video = false;
        let pause = 8000;
        let easing = "ease-in";
        let infiniteLoop = "true";
        console.log("{$sliderConfig.verzoegerung}")
        {if isset($sliderConfig["verzoegerung"])}
            speed = {$sliderConfig["verzoegerung"]}
        {/if}
        console.log(speed);
        {if isset($sliderConfig["verzoegerung"]) && ($sliderConfig["verzoegerung"] != 0 || $sliderConfig["verzoegerung"] != "0")}
            auto = "true";
        {/if} 
        {if isset($sliderConfig["effekt"])}
            mode = "{$sliderConfig["effekt"]}";
        {/if}
        {if isset($sliderConfig["pause"])}
            pause = {$sliderConfig["pause"]};
        {/if}
        {if isset($sliderConfig["easing"])}
            easing = "{$sliderConfig["easing"]}";
        {/if}
        {if isset($sliderConfig["infiniteLoop"])}
            infiniteLoop = "{$sliderConfig["infiniteLoop"]}";
        {/if}
        {if isset($sliderConfig["boxen"]) && $sliderConfig["boxen"] == 1}
            pagerCustom = "#bx-pager"; 
            $("#bx-pager").css("display", "block");           
        {/if}
        {if isset($sliderConfig["video"]) && $sliderConfig["video"] == 1}
            video = true;
        {/if}      
        slider = $(".slidervorschau3").bxSlider({
            autoHover: true,
            adaptiveHeight: true,
            responsive: true,
            speed : speed,
            auto: auto,
            mode: mode,
            pagerCustom: pagerCustom,
            pause: pause,
            easing: easing
        });
        {if $sliderConfig["navigation"] == 0}
        $(".bx-controls").css("display", "none");       
        {/if}
        {if isset($sliderConfig["pfeile"]) && $sliderConfig["pfeile"] == 0}
            $(".bx-prev, .bx-next").css("display", "none");
        {/if}
        {if isset($sliderConfig["kreise"]) && $sliderConfig["kreise"] == 0}
            $(" .bx-pager-item, .bx-pager bx-default-pager ").css("display", "none");
        {/if}
        
    })
</script>
<style>
    {if isset($sliderConfig["kreise_oben"]) && $sliderConfig["kreise_oben"] == 1}
    .bx-wrapper .bx-pager
    {
        top: 0px!important;
    }    
    {/if}
    /*Pfeile-aussen CSS*/
    {if isset($sliderConfig["pfeile_aussen"]) && $sliderConfig["pfeile_aussen"] == 1}
    .bx-prev, .bx-next
    {
        margin-left: -70px !important;
        margin-right: -75px !important;
    }
    {/if}
</style>
<ul class='slidervorschau3'>
    {foreach $aktion["medien"] as $key => $medium}
    <li>
        {if isset($aktion["video"][$key]) && $aktion["video"][$key] == 1}
        <iframe height="200" src="{$aktion["links"][$key]}" frameborder="0" allowfullscreen></iframe>
        {else}
        <img src="{$medium->medium.abs_bild_url}" alt=""/>
        {/if}
    </li>
        {/foreach}
</ul>
<div id="bx-pager" style="display:none;">
    {foreach $aktion["medien"] as $key => $medium}
    <a style='float:left; border: 2px solid; margin-right:4px;height:50px; width: 50px;' data-slide-index="{$key}"><img src="{$medium->medium.abs_bild_url}" style='height:48px; width: 48px; margin:1px 1px 1px 1px;' alt="" /></a>
    {/foreach}
</div>
<style>
    .bx-wrapper{
        display: block!important;
    }
    .bx-viewport{
        display: inline-block!important;
    }
</style>
<!-- $Id: aktion_sliderVorschau_v3.tpl 2696 2022-03-01 11:43:15Z tiefland $ END -->