Skip to main content
Pergunta fechada como "Não é adequada para este site" por Sergio, mgibsonbr, Maniero, brasofilo, Jorge B.
removeu 161 caracteres do conteúdo; título editado
Fonte Link
Maniero
  • 484,4mil
  • 94
  • 1,3mil
  • 2,2mil

Ajuda com configuração Configuração de um slider de imagens

estou comEstudei um problema bém simplespouco de HTML e CSS, mas comovendo algumas aulas no YouTube e fazendo as lições do Code Academy e agora estou começando, não consegui encontrar a soluçãocriando meu primeiro site. Antes

Quero adicionar um slider de tudoimagens, uma pequena introduçãopelo que pesquisei, para esclarecera melhor opção será com jQuery mesmo, mas deste eu não entendo absolutamente nada, então tentei utilizar alguns modelos prontos, seguindo a situação:documentação desses, e o que gostei mais foi o bx slider, então decidi usá-lo.

Estudei um pouco de html e css, vendo algumas aulas no youtube e fazendo as lições do code academy e agora estou criando meu primeiro site. Quero adicionar um slider de imagens, pelo que pesquisei, a melhor opção será com jquery mesmo, mas deste eu não entendo absolutamente nada, então tentei utilizar alguns modelos prontos, seguindo a documentação desses, e o que gostei mais foi o bx slider, então decidi usar ele.

Agora vem o problema: seguiSegui as intruçõesinstruções do próprio site do bxsliderbx slider e o sliderslider apareceu certinho no site, mas os "estilos", os botões de "next"next e "prev"prev, os botões de paginação e tal não apareceraparecem como nos exemplos do bx sliderbx slider, aparecem apenas textos sem nenhuma formatação.

Aqui o código htmlHTML (ocultei o headerheader pois acho que não influência no sliderslider):

O FAQ do bxsliderbx slider indica que esse problema pode acontecer pois as imagens talvez não estejam na mesma pasta do arquivo cssCSS, mas já conferi e está tudo certinho...

Ajuda com configuração de um slider de imagens

estou com um problema bém simples, mas como estou começando, não consegui encontrar a solução. Antes de tudo, uma pequena introdução, para esclarecer melhor a situação:

Estudei um pouco de html e css, vendo algumas aulas no youtube e fazendo as lições do code academy e agora estou criando meu primeiro site. Quero adicionar um slider de imagens, pelo que pesquisei, a melhor opção será com jquery mesmo, mas deste eu não entendo absolutamente nada, então tentei utilizar alguns modelos prontos, seguindo a documentação desses, e o que gostei mais foi o bx slider, então decidi usar ele.

Agora vem o problema: segui as intruções do próprio site do bxslider e o slider apareceu certinho no site, mas os "estilos", os botões de "next" e "prev", os botões de paginação e tal não aparecer como nos exemplos do bx slider, aparecem apenas textos sem nenhuma formatação.

Aqui o código html (ocultei o header pois acho que não influência no slider):

O FAQ do bxslider indica que esse problema pode acontecer pois as imagens talvez não estejam na mesma pasta do arquivo css, mas já conferi e está tudo certinho...

Configuração de um slider de imagens

Estudei um pouco de HTML e CSS, vendo algumas aulas no YouTube e fazendo as lições do Code Academy e agora estou criando meu primeiro site.

Quero adicionar um slider de imagens, pelo que pesquisei, a melhor opção será com jQuery mesmo, mas deste eu não entendo absolutamente nada, então tentei utilizar alguns modelos prontos, seguindo a documentação desses, e o que gostei mais foi o bx slider, então decidi usá-lo.

Segui as instruções do próprio site do bx slider e o slider apareceu certinho no site, mas os "estilos", os botões de next e prev, os botões de paginação e tal não aparecem como nos exemplos do bx slider, aparecem apenas textos sem nenhuma formatação.

Aqui o código HTML (ocultei o header pois acho que não influência no slider):

O FAQ do bx slider indica que esse problema pode acontecer pois as imagens talvez não estejam na mesma pasta do arquivo CSS, mas já conferi e está tudo certinho.

Formatação do código, que não estava sendo exibido corretamente.
Fonte Link
<!DOCTYPE html5>
<html>
<head>
    <html lang="pt-br" />
        <meta charset="utf-8" />
    <title></title>    
    <link href="css/styles.css" rel="stylesheet" type="text/css">
        <link href="/lib/jquery.bxslider.css" rel="stylesheet" />
        <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/jquery.bxslider.min.js"></script>
</head>
<body>
    <header>
        ...
    </header>
    <div id="indexbanner">
        <ul class="bxslider">
          <li><img src="imgsprodutos/img (41).jpg" /></li>
          <li><img src="imgsprodutos/img (42).jpg" /></li>
          <li><img src="imgsprodutos/img (43).jpg" /></li>
        </ul>
        <script type="text/javascript">
            $(document).ready(function(){
                $('.bxslider').bxSlider({
                    auto: true,
                    autocontrols: true,
                    responsive: false,
                    touchenabled: true
                });
            });
        </script>
    </div>
</body>
</html>
...
  • $(document).ready(function(){$('.bxslider').bxSlider({auto: true,autocontrols: true,responsive: false,touchenabled: true});});
    <!DOCTYPE html5>
    
    ...
  • $(document).ready(function(){$('.bxslider').bxSlider({auto: true,autocontrols: true,responsive: false,touchenabled: true});});
    <!DOCTYPE html5>
    <html>
    <head>
        <html lang="pt-br" />
            <meta charset="utf-8" />
        <title></title>    
        <link href="css/styles.css" rel="stylesheet" type="text/css">
            <link href="/lib/jquery.bxslider.css" rel="stylesheet" />
            <script src="js/jquery-2.1.1.min.js"></script>
        <script src="js/jquery.bxslider.min.js"></script>
    </head>
    <body>
        <header>
            ...
        </header>
        <div id="indexbanner">
            <ul class="bxslider">
              <li><img src="imgsprodutos/img (41).jpg" /></li>
              <li><img src="imgsprodutos/img (42).jpg" /></li>
              <li><img src="imgsprodutos/img (43).jpg" /></li>
            </ul>
            <script type="text/javascript">
                $(document).ready(function(){
                    $('.bxslider').bxSlider({
                        auto: true,
                        autocontrols: true,
                        responsive: false,
                        touchenabled: true
                    });
                });
            </script>
        </div>
    </body>
    </html>
    
    Fonte Link
    pitalig
    • 181
    • 1
    • 6

    Ajuda com configuração de um slider de imagens

    estou com um problema bém simples, mas como estou começando, não consegui encontrar a solução. Antes de tudo, uma pequena introdução, para esclarecer melhor a situação:

    Estudei um pouco de html e css, vendo algumas aulas no youtube e fazendo as lições do code academy e agora estou criando meu primeiro site. Quero adicionar um slider de imagens, pelo que pesquisei, a melhor opção será com jquery mesmo, mas deste eu não entendo absolutamente nada, então tentei utilizar alguns modelos prontos, seguindo a documentação desses, e o que gostei mais foi o bx slider, então decidi usar ele.

    Agora vem o problema: segui as intruções do próprio site do bxslider e o slider apareceu certinho no site, mas os "estilos", os botões de "next" e "prev", os botões de paginação e tal não aparecer como nos exemplos do bx slider, aparecem apenas textos sem nenhuma formatação.

    Aqui o código html (ocultei o header pois acho que não influência no slider):

    <!DOCTYPE html5>
    
    ...
  • $(document).ready(function(){ $('.bxslider').bxSlider({ auto: true, autocontrols: true, responsive: false, touchenabled: true }); });

    O FAQ do bxslider indica que esse problema pode acontecer pois as imagens talvez não estejam na mesma pasta do arquivo css, mas já conferi e está tudo certinho...