Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Worn

carousel rodar

Recommended Posts

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,
    });
 

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.