Bootstrap_Carousel Control funktioniert nicht

sabrinkel

Grünschnabel
Hallo Ihr Lieben,

irgendwo ist der Hund drin.
Meine Zurück und Vorwärts Buttons funktionieren nicht. Bei Klick sliden sie nicht zum nächsten Bild.
Ich komme auch nicht drauf. Hat jemand eine Idee?

HTML:
<main>
    <div id="mycarousel" class="carousel-fade slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#mycarousel" data-slide-to="0" class="active"></li>
            <li data-target="#mycarousel" data-slide-to="1"></li>
            <li data-target="#mycarousel" data-slide-to="2"></li>
            <li data-target="#mycarousel" data-slide-to="3"></li>
            <li data-target="#mycarousel" data-slide-to="4"></li>
        </ol>
        <div class="carousel-inner">
        <div class="container">
            <div class="carousel-item active">
                <img src="#" class="d-block w-80" alt="..."/>
                <div class="carousel-caption d-none d-md-block">
                    <h1>....</h1>
                   </div>
            </div>
            <div class="carousel-item">
                <img src="#" class="d-block w-80" alt="...">
                <div class="carousel-caption d-none d-md-block">
                    <h1>....</h1>
                </div>
            </div>
            <div class="carousel-item">
                <img src="#" class="d-block w-80" alt="...">
                <div class="carousel-caption d-none d-md-block">
                    <h1>....</h1>
                </div>
            </div>
            <a class="carousel-control-prev" href="#mycarousel" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Zurück</span>
            </a>
            <a class="carousel-control-next" href="#mycarousel" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Weiter</span>
            </a>
        </div>
    </div>
</main>
 
Zuletzt bearbeitet von einem Moderator:

Sempervivum

Erfahrenes Mitglied
Mir scheint, der Kern der Sache ist dieses:
class="carousel-fade slide"
Wenn ich es ändere in:
class="carousel slide"
funktionieren die Vor-/Rück-Buttons und die Navigation.

Außerdem bin ich der Meinung, dass das div.container überflüssig ist aber die Slideshow funktioniert dennoch.
 

Neue Beiträge