Bootstrap realisiert den Karusselleffekt

<div Klasse="Box">
        <div id="Karussell-Beispiel-generisch" class="Karussell-Folie" data-ride="Karussell">
            <!-- Indikatoren -->
            <ol Klasse="Karussell-Indikatoren">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                <li data-target="#carousel-example-generic" data-slide-to="3"></li>
            </ol>

            <!-- Wrapper für Folien -->
            <div Klasse="Karussell-inner" Rolle="Listenfeld">
                <div Klasse="Element aktiv">
                    <img src="./images/xuezhong_1.jpg" alt="...">
                    <div Klasse="Karussell-Beschriftung">
                        Bild 1
                    </div>
                </div>
                <div Klasse="Artikel">
                    <img src="./images/guimizhizhu_2.jpg" alt="...">
                    <div Klasse="Karussell-Beschriftung">
                        Bild 2
                    </div>
                </div>
                <div Klasse="Artikel">
                    <img src="./images/jianlai_3.jpg" alt="...">
                    <div Klasse="Karussell-Beschriftung">
                        Bild 3
                    </div>
                </div>
                <div Klasse="Artikel">
                    <img src="./images/yichang_4.jpg" alt="...">
                    <div Klasse="Karussell-Beschriftung">
                        Bild 4
                    </div>
                </div>

            </div>

            <!-- Steuerung -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Zurück</span>
            </a>
            <a class="rechte Karussell-Steuerung" href="#karussell-beispiel-generisch" role="button" data-slide="weiter">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Weiter</span>
            </a>
        </div>
</div>

.Kasten {
    Breite: 600px;
    Höhe: 300px;
    Hintergrundfarbe: rosa;
    Rand: 100px automatisch;
}

.Karussell,
.Karussell img {
    Breite: 100 %;
    Höhe: 300px !wichtig;
}

<Skript>
        $('.karussell').karussell({
            Intervall: 2000
        })
</Skript>