Flexslider Slideshow

<link type="text/css" href="https://redesign-berlin.lima-city.de/__css/hide.css" 
rel="stylesheet" info="Kommentare im UI" />

 

<link type="text/css" href="https://redesign-berlin.lima-city.de/__css/styles.css"

rel="stylesheet" info="Styles" />

 

<link type="text/css" href="https://redesign-berlin.lima-city.de/__css/flexslider-jimdo.css"
rel="stylesheet" info="angepasstes Flexslider-Script" />

 

 

<link type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" info="Icons" />

 

 

<style type="text/css">

 

/*<![CDATA[*/

 

    /*alle Anpassungen für flexslider.css

    -----------------------------------------*/

 

    /* Anpassungen für flexslider.css

    -----------------------------------------*/    

 

     .flex-caption {

        position: absolute;

        top: 20%;

        bottom: 20%;

        width: 65%;

        max-width: 450px;

        height: auto;

        left: calc(50% - 65% / 2 - 15px);

        font-size: calc(0.5em + 1.5vmin);

        background: rgba(33,33,33,.33);

        z-index: 1;

        padding: 25px 15px;

        color: white!important;

    }

 

 

    .flexslider a:link, .flexslider a:visited, .flexslider a:hover {

        text-decoration:none;

    }

 

/*]]>*/

</style>

 

<script src="https://code.jquery.com/jquery-latest.min.js"></script>

 

<script type="text/javascript" src="https://redesign-berlin.lima-city.de/__js/jquery-flexslider-min.js"></script>

 

 

<div class="flexslider">

<ul class="slides">

    <li>

        <img src="URL(Bild1)" alt="" />

        <p class="flex-caption">

        Bildbeschreibung

        </p>

    </li>

    <li>

        <a href="URL(Link)">

        <img src="URL(Bild2)" alt="" /></a>

        <p class="flex-caption">

        Dieses Bild ist verlinkt...

        </p>

    </li>

    <li>

          <img src="URL(Bild3)" alt="" />

    </li>

    <li>

        <img src="URL(Bild4)" alt="" />

    </li>

</ul>

</div>

<script type="text/javascript">

//<![CDATA[

    //flexslider-init

    var $ = jQuery.noConflict();

    $(window).load(function() {

        $('.flexslider').flexslider({

            slideshowSpeed: 8000,

            pauseOnAction: false

        });

    });

 

    ! function() {

        var regBuff = window.__regModuleBuffer = [];

        if (!window.jimdoGen002) {

            window.jimdoGen002 = {};

        }

        if (!window.jimdoGen002.regModule) {

            window.jimdoGen002.regModule = function() {

                var args = [].slice.call(arguments);

                regBuff.push(args);

            }

        }

    }();

 

//]]>

</script>