1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Carousel boostrap 3.3.4 não funciona.

Galera, tenho um carousel com boostrap 3.3.4, ele exibe a estrutura do carousel, mas não passa as imagens quando clica na seta direcional para passar. Segue o código.

<div class="container-fluid"> 
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicadores -->
            <ol class="carousel-indicators">
                <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>
            </ol>

              <!-- Colagem de Imagens Para exibição -->
              <div class="carousel-inner" role="listbox">
                <div class="item active" align="center">
                  <a href="inicio.html" target="_blanck"><img src="../imagens/Koala.jpg" height="768" width="1024"></a>
                </div>

                <div class="item" align="center">
                    <a href="#"><img src="../imagens/Lighthouse.jpg" height="768" width="1024"></a>
                </div>

                <div class="item" align="center">
                    <a href="#"><img src="../imagens/Tulips.jpg" height="768" width="1024"></a>
                </div>
              </div>

            <!-- Controle de Setas -->
            <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">Previous</span>
            </a>

            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
               <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
               <span class="sr-only">Next</span>
            </a>            
        </div>

As chmadas dos arquivos:

<script type="text/javascript" src="../css/bootstrap-3.3.4/js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="../css/bootstrap-3.3.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="../css/bootstrap-3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../css/bootstrap-3.3.4/css/bootstrap-theme.min.css">
<link rel="stylesheet" type="text/css" href="../css/index.css">

Se alguém puder ajudar, eu agradeço.

  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

1 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags html css ou faça a sua própria pergunta.