Bootstrap Carousel in oxid einbauen

[bepeju24]

Hallo, versuche gerade das Bootstrap Carousel in Oxid statt dem Default Slider einzubauen, leider hab ich das Problem dass er mir das 1. Bild nicht anzeigt, sondern erst wenn das nächste Bild reinsliden soll, wird ein Bild angezeigt. Irgendwie kommt es mir so vor als ob das 1. Bild nicht als aktives erkannt wird, aber ich kann das ja auch nicht manuell aktiv setzen also indem ich die Klasse aktive dazuschreibe in carousel.tpl, dann zerschießt es mir den ganzen Slider, hat jemand einen Rat für mich? Weiß echt nicht weiter. Anbei der Code der carousel.tpl, Bootstrap.css und Bootstrap.js + oxcarouselswipe.js hab ich eingebunden!

[{assign var=oBanners value=$oViewConf->getBanners() }]
[{assign var=“currency” value=$oView->getActCurrency()}]
[{if $oBanners |@count }]

<div class=“jumbotron”>
<div id=“bg”>
<div id=“element”>
[{assign var=“sLogoImg” value=“logo-pilger-bio-small-final.gif”}]
<a id=“logo” href="[{$oViewConf->getHomeLink()}]" title="[{$oxcmp_shop->oxshops__oxtitleprefix->value}]"><img src="[{$oViewConf->getImageUrl($sLogoImg)}]" alt="[{$oxcmp_shop->oxshops__oxtitleprefix->value}]"></a>
</div>
</div>
<div id=“myCarousel” class=“carousel slide” data-ride=“carousel”>

  <div class="carousel-inner">    

[{foreach from=$oBanners item=oBanner }]

    [{assign var=oArticle value=$oBanner->getBannerArticle() }]
 <div class = "item"> 
        [{assign var=sBannerLink value=$oBanner->getBannerLink() }]
        [{if $sBannerLink }]
        <a href="[{ $sBannerLink }]">
        [{/if}]
        [{if $oArticle }]
            [{assign var="sFrom" value=""}]
            [{assign var="oPrice" value=$oArticle->getPrice()}]
            [{if $oArticle->isParentNotBuyable() }]
                [{assign var="oPrice" value=$oArticle->getVarMinPrice()}]
                [{if $oArticle->isRangePrice() }]
                    [{assign var="sFrom" value="PRICE_FROM"|oxmultilangassign}]
                [{/if }]
            [{/if}]
            <span class="promoBox [{if $sFrom }]wide[{/if}]">
                <strong class="promoPrice [{if $sFrom }]wide[{/if}]">[{$sFrom}] [{oxprice price=$oPrice currency=$currency }]</strong>
                <strong class="promoTitle [{if $sFrom }]wide[{/if}]">[{ $oArticle->oxarticles__oxtitle->value }]</strong>
            </span>
        [{/if }]
  [{assign var=sBannerPictureUrl value=$oBanner->getBannerPictureUrl() }]
        [{if $sBannerPictureUrl }]
        <img src="[{ $sBannerPictureUrl }]" width ="660" height = "261"   alt="[{$oBanner->oxactions__oxtitle->value}]">
        [{/if}]
        [{if $sBannerLink }]
        </a>

        [{/if}]
  <div class="control-container">

<a class=“left carousel-control” href="#myCarousel" data-slide=“prev”><span class=“glyphicon glyphicon-chevron_left”></span></a>
<a class=“right carousel-control” href="#myCarousel" data-slide=“next”><span class=“glyphicon glyphicon-chevron_right”></span></a>
[{if $sBannerLink }]
<a href="[{ $sBannerLink }]" class=“search carousel-control” title=“Artikeldetails” ><span class=“glyphicon lightbox-button”></span></a>
[{/if}]
</div>
</div>
[{/foreach}]

</div>

</div>

</div>
[{oxscript add="$( ‘#myCarousel’ ).carousel({interval:4000});"}]

Link: www.biowebshop.bio-brotgesundheit.de/Brote/

Bitte euch echt um Hilfe… Danke schonmal im Voraus!