2016-04-03 3 views
0

Я пытаюсь закодировать загрузочную карусель, фотографии меняются автоматически, как и должны, но индикаторы, точки внизу карусели, не меняющие фотографию, m пытается щелкнуть один. Может ли кто-нибудь помочь? Я пытался повсюду посмотреть.индикаторы карусели бутстрапа не меняют фотографию при нажатии()

jQuery включен ВЫШЕ bootstrap.js, но если бы это было так, карусель не изменила бы фотографию, верно? Фотографии меняются, но индикаторы не работают, это странно.

<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> 

ответ

1

У вас есть ошибка синтаксиса в: data-slide-to:

Просто замените : с = и карусельного показатели будут работать отлично :)

исправлен carousel-indicators:

<!-- 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> 
+0

, как я мог бы быть слепой слепой? Работа великолепна, спасибо –

+0

@ArturElemele _Вы соглашаетесь :) Nevermind! может случиться с кем угодно. –

Смежные вопросы