Erro no slide carousel


(Simão Pedro) #1

Salve Galera!

Estou montando um slideshow utilizando os recursos carousel do bootstrap. o carousel possui o id "carrossel". Todas as vezes que tento navegar para a proxima imagem, o link modifica para "http://localhost:8015/bootstrap/carrossel.html#carrossel", alem de não ir para a proxima imagem.. o que pode estar acontecendo?

Segue o código:






<title>Seminário de Boostrap</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-responsive.css">
<link rel="stylesheet" href="estilo.css">




		<h1>Cabeçalho</h1>


		<section id = "slide">
			<header class="page-header">
				<h1>Slide Show - <small>Carrossel de Imagens</small></h1>
			</header>

			<section class="carousel slide" id = "carrossel">
				<div class="carousel-inner">
					<section class="item active">
						<img src="img/slide/img1.jpg" alt="img1" class = "carousel">
						<div class="carousel-caption">
							<h4>Primeiro Rótulo do Slide</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis omnis, commodi alias, sunt voluptatibus hic nisi molestiae. Quae mollitia doloremque praesentium eius, enim magnam debitis quod, sit, eos iusto accusantium!</p>
						</div>
					</section>
					<section class="item">
						<img src="img/slide/img2.jpg" alt="img2" class = "carousel">
						<div class="carousel-caption">
							<h4>Segundo Rótulo do Slide</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium, corporis dignissimos nesciunt incidunt quidem explicabo! Explicabo libero ab at sed suscipit iusto accusamus ex quae laboriosam, optio, autem consectetur ipsum!</p>
						</div>
					</section>
					<section class="item">
						<img src="img/slide/img3.jpg" alt="img3" class = "carousel">
						<div class="carousel-caption">
							<h4>Terceiro Rótulo do Slide</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat, ad quo? Distinctio nobis ea, saepe voluptatum at, eum ducimus praesentium dicta quidem animi ullam nulla maiores facere aliquid dolor. Laboriosam.</p>
						</div>
					</section>
					<section class="item">
						<img src="img/slide/img4.jpg" alt="img4" class = "carousel">
						<div class="carousel-caption">
							<h4>Quarto Rótulo do Slide</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi eum ipsum tenetur perspiciatis unde facere maxime libero vitae? Exercitationem nam nesciunt harum voluptate sequi libero recusandae maxime cupiditate fugiat distinctio.</p>
						</div>
					</section>
				</div>

				<a href="#carrossel" class="carousel-control left" data-slide = "prev">&lsaquo;</a>
				<a href="#carrossel" class="carousel-control right"data-slide = "next">&rsaquo;</a>

			</section>



		</section>

	</div>
</div>



(André Neto) #2

No seu console não aparece erro algum?
Joguei o seu código no JSFiddle (só alterei o conteúdo dos slides pra um texto simples, porque não tenho as tuas imagens) adicionei o framework do bootstrap e funcionou normalmente. De uma olhada: Exemplo