carousel rodar
Alguém poderia me ajudar, estou com um site porém o slider não estou conseguindo colocar para rodar, já tentei de varias formas e nada e não consigo encontrar o problema.
Codigo html
==================================== -->
<section id="home">
<div id="home-carousel" class="carousel slide" data-interval="false">
<ol class="carousel-indicators">
<li data-target="#home-carousel" data-slide-to="0" class="active"></li>
<li data-target="#home-carousel" data-slide-to="1"></li>
<li data-target="#home-carousel" data-slide-to="2"></li>
</ol>
<!--/.carousel-indicators-->
<div class="carousel-inner">
<div class="item active" style="background-image: url('img/slider/bg2.jpg')" >
<div class="carousel-caption">
<div class="animated bounceInRight">
<h2> <br>Gerenciamento e Administração de Marketing Hoteleiro!</h2>
<p>Somos uma empresa pioneira na terceirização do departamento de marketing para Empresas independentes geridos pelo proprietário.
</p>
</div>
</div>
</div>
<div class="item" style="background-image: url('img/slider/bg1.jpg')">
<div class="carousel-caption">
<div class="animated bounceInDown">
<h2>A nossa meta é <br>a sua imagem em primeiro LUGAR!</h2>
<p>Não fazemos apenas marketing, TRAZEMOS RESULTADOS reais para o seu negócio!.</p>
</div>
</div>
</div>
<div class="item" style="background-image: url('img/slider/bg3.jpg')">
<div class="carousel-caption">
<div class="animated bounceInUp">
<h2>Cobertura Completa de Eventos <br></h2>
<p>A Publick dá o suporte ideal para eventos do início ao fim.</p>
</div>
</div>
</div>
</div>
<!--/.carousel-inner-->
<nav id="nav-arrows" class="nav-arrows hidden-xs hidden-sm visible-md visible-lg">
<a class="sl-prev hidden-xs" href="#home-carousel" data-slide="prev">
<i class="fa fa-angle-left fa-3x"></i>
</a>
<a class="sl-next" href="#home-carousel" data-slide="next">
<i class="fa fa-angle-right fa-3x"></i>
</a>
</nav>
</div>
</section>
codigo do js
// Slider Height
var slideHeight = $(window).height();
$('#home-carousel .carousel-inner .item, #home-carousel .video-container').css('height',slideHeight);
$(window).resize(function(){'use strict',
$('#home-carousel .carousel-inner .item, #home-carousel .video-container').css('height',slideHeight);
});
// portfolio filtering
$("#projects").mixItUp();
//fancybox
$(".fancybox").fancybox({
padding: 0,
openEffect : 'elastic',
openSpeed : 650,
closeEffect : 'elastic',
closeSpeed : 550,
});Discussão (2)
Carregando comentários...