Bootstrap Karussell Indikatoren ändert nicht das Foto, wenn angeklickt()

Ich versuche Bootstrap Karussell zu programmieren, Fotos ändern sich automatisch wie sie sollten, aber die Indikatoren, die Punkte an der Unterseite des Karussells nicht das Foto zu ändern, wenn ich ' Ich versuche einen zu klicken. Kann jemand helfen? Ich habe versucht, überall hinzuschauen.Bootstrap Karussell Indikatoren ändert nicht das Foto, wenn angeklickt()

jQuery ist im ÜBER der bootstrap.js enthalten, aber wenn es das war, würde Karussell das Foto nicht ändern, oder? Fotos ändern sich, aber Indikatoren funktionieren nicht, das ist seltsam.

<head> 
    <meta charset="utf-8"> 
    <title>Ag</title> 
    <meta name="vievport" content="width=device-width, initial-scale=1.0, user-scalable=no"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> 
    <script src="bootstrap-3.3.6-dist/js/bootstrap.min.js" type="text/javascript"></script> 
    <link rel="stylesheet" type="text/css" href="bootstrap-3.3.6-dist/css/bootstrap.min.css"/> 
    <link rel="stylesheet" type="text/css" href="bootstrap-3.3.6-dist/css/bootstrap-theme.min.css"/> 
    <link rel="stylesheet" type="text/css" href="css/own.css"> 
</head> 
<body> 
    <div id="sliderSyrenka" class="carousel slide" data-ride="carousel"> 
     <!-- INDICATORS--> 
     <ol class="carousel-indicators"> 
      <li data-target="#sliderSyrenka" data-slide-to:"0" class="active"></li> 
      <li data-target="#sliderSyrenka" data-slide-to:"1"></li> 
      <li data-target="#sliderSyrenka" data-slide-to:"2"></li> 
      <li data-target="#sliderSyrenka" data-slide-to:"3"></li> 
     </ol> 

     <!-- WRAPPER FOR SLIDES--> 
     <div class="carousel-inner" > 
      <div class="item active"> 
       <img src="img/slider/slide0.jpg" alt="" > 
      </div> 
      <div class="item"> 
       <img src="img/slider/slide1.jpg" alt="" > 
      </div> 
      <div class="item"> 
       <img src="img/slider/slide2.jpg" alt="" > 
      </div> 
      <div class="item"> 
       <img src="img/slider/slide3.jpg" alt="" > 
      </div> 
     </div> 
    </div> 
</body>

Quelle

2016-04-03 Artur Elemele

Sie haben einen Syntaxfehler in: data-slide-to:

Ersetzen Sie einfach : mit = und Karussell-Indikatoren werden perfekt funktionieren :)

carousel-indicators korrigiert:

<!-- INDICATORS--> 
    <ol class="carousel-indicators"> 
     <li data-target="#sliderSyrenka" data-slide-to="0" class="active"></li> 
     <li data-target="#sliderSyrenka" data-slide-to="1"></li> 
     <li data-target="#sliderSyrenka" data-slide-to="2"></li> 
     <li data-target="#sliderSyrenka" data-slide-to="3"></li> 
    </ol>

Quelle

2016-04-03 23:53:08

, wie ich sein könnte Soo blind? Arbeit ist großartig, danke –

@ ArturElemele _Sie sind willkommen :) Nevermind! könnte mit jedem passieren. –

Bootstrap Karussell Indikatoren ändert nicht das Foto, wenn angeklickt()

Antwort

Verwandte Themen