<div class="xtlive xtlive-slider-fluid" data-ce-type="t-i-slider-fluid">
    <div class="carousel-outer-wrap">
        <div class="teaser owl">
            <div class=pictureCarousel-{$id}>
                <a href="{xtlivedemolink}">
                    <div class="image image-0">
                        <div class="xtlive-carousel-titel">
                            <h2 class="xtlive-carousel-titel-big"><span><span>Hallo ich bin der Slider von XTLIVE & sowas wie mich gab´s noch nicht!</span></span>
                            </h2>
                            <p class="xtlive-carousel-titel-small"><span><span>Ich kann individuell befüllt und platziert werden, so oft Sie wollen und auch wo Sie wollen!</span></span>
                            </p>
                        </div>
                        <img alt="" class="img-responsive lazyOwl" src="{$tpl_path}/../../plugins/xtlive_elements/images/demo/slide-demo-1.jpg" data-src="{$tpl_path}/../../plugins/xtlive_elements/images/demo/slide-demo-1.jpg">
                    </div>
                </a>
                <!-- .image -->
                <a href="{xtlivedemolink}">
                    <div class="image image-1">
                        <div class="xtlive-carousel-titel">
                            <h2 class="xtlive-carousel-titel-big"><span><span>Nutzen Sie mich für Aktionen, Produktverlinkungen oder machen Sie einfach nur tolle Werbung!</span></span>
                            </h2>
                            <p class="xtlive-carousel-titel-small"><span><span>So einfach war es noch nie, Ihren Shop in Szene zu setzen. </span></span>
                            </p>
                        </div>
                        <img alt="" class="img-responsive lazyOwl" src="{$tpl_path}/../../plugins/xtlive_elements/images/demo/slide-demo-2.jpg" data-src="{$tpl_path}/../../plugins/xtlive_elements/images/demo/slide-demo-2.jpg">
                    </div>
                </a>
                <!-- .image -->
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    jQuery(document).ready(function () {
        var teaserElement = jQuery('.pictureCarousel-{$id}');
        if (teaserElement.length != 0) {
            teaserElement.owlCarousel({
                singleItem: true,
                navigation: true,
                pagination: false,
                slideSpeed: '1000',
                paginationSpeed: '2000',
                scrollPerPage: true,
                autoPlay: true,
                stopOnHover: true,
                autoHeight: true,
                lazyLoad: false,
                addClassActive: true,
                navigationText: ['', '']
            });
        }
    });
</script>