I can not do a slideshow in my code

Navigation
-1

I'm not able to use the JavaScript code to make a slideshow on my site!

Follow the code: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>"Nome da Empresa"</title>
        <meta name="Description" content="" />
        <meta name="Keywords" content="" />
        <link href="bjqs.css" rel="stylesheet" type="text/css" />
        <link href="estilo2013.css" rel="stylesheet" type="text/css" />


        <script src="http://code.jquery.com/jquery-latest.min.js"></script><scriptsrc="bjqs-1.3.min.js"></script>

        <script language="javascript">
            jQuery(document).ready(function($) {
                  $('#banner-fade').bjqs({
                    height      : 125,
                    width       : 940
                  });

                });
        </script>

    </head>
    <body>


        <!-- inicio de cabeçalho -->
        <div class="div_cabecalho">
            <div class="div_container">
                <div class="div_logomarca">
                    <img src="imagens/logomarca_s1.png" alt="Empresa Ficticia"/>
                </div>
                <div class="div_menu">
                    <a href="index.html">Inicial</a>
                    <a href="quem-somos.html">Quem somos</a>
                    <a href="localizacao.html">Localização</a>
                    <a href="fale-conosco.html">Fale conosco</a>
                </div>
            </div>
        </div>
        <!-- fim cabeçalho -->

        <!-- inicio conteúdo -->
        <div class="div_conteudo div_container">

            <div id="slideshow">
                <ul class="bjgs">
                    <li><img src="imagens/banner_s1.jpg" /></li>
                    <li><img src="imagens/banner_s2.jpg" /></li>
                    <li><img src="imagens/banner_s3.jpg" /></li>
                </ul>
            </div>


            <h3>Seja bem vindo ao nosso site!</h3>
            <p>
            texto de boas de vindas. Texto texto Texto texto Texto texto Texto texto Texto texto Texto texto Texto texto Texto texto Texto texto Texto texto Texto texto Texto texto Texto texto
            </p>

            <div class="div_container">
                <div class="coluna1">
                    <h3>Nome do produto</h3>
                    <p><img src="imagens/foto_capa272x127.jpg" width="272" height="127" alt="foto do produto"/></p>
                    <p>Descrição do produto</p>
                </div>
                    <div class="coluna2">
                    <h3>Nome do produto</h3>
                    <p><img src="imagens/foto_capa272x127.jpg" width="272" height="127" alt="foto do produto"/></p>
                    <p>Descrição do produto</p>
                </div>
                    <div class="coluna3">
                    <h3>Nome do produto</h3>
                    <p><img src="imagens/foto_capa272x127.jpg" width="272" height="127" alt="foto do produto"/></p>
                    <p>Descrição do produto</p>
                </div>
            </div>


            <div class="clear"></div>

            <div class="div_container">
                <div class="coluna1">
                    <h3>Nome do produto</h3>
                    <p><img src="imagens/foto_capa272x127.jpg" width="272" height="127" alt="foto do produto"/></p>
                    <p>Descrição do produto</p>
                </div>
                    <div class="coluna2">
                    <h3>Nome do produto</h3>
                    <p><img src="imagens/foto_capa272x127.jpg" width="272" height="127" alt="foto do produto"/></p>
                    <p>Descrição do produto</p>
                </div>
                    <div class="coluna3">
                    <h3>Nome do produto</h3>
                    <p><img src="imagens/foto_capa272x127.jpg" width="272" height="127" alt="foto do produto"/></p>
                    <p>Descrição do produto</p>
                </div>
            </div>

            <div class="clear"></div>

        </div>
        <!-- fim conteúdo -->


        <!-- inicio rodapé -->
        <div class="div_rodape div_container">
            Endereço, telefone, email da empresa e etc..
        </div>
        <!-- fim conteúdo -->
    </body>
</html>

What's wrong ?? Who can help me? I'm grateful! Thanks!

    
asked by anonymous 09.02.2018 / 23:20

1 answer

0

It turns out that you're trying to apply slideshow to an element that does not exist in your html .

Change your code to: 

jQuery(document).ready(function($) {
    $('#slideshow').bjqs({
        height: 125,
        width: 940
    });
});

Your html code also does not follow the plugin's default. Correct is: 

<div id="slideshow">
    <ul class="bjqs">
        <li><img src="imagens/banner_s1.jpg" /></li>
        <li><img src="imagens/banner_s2.jpg" /></li>
        <li><img src="imagens/banner_s3.jpg" /></li>
    </ul>
</div>

You are switching q to g .

    
09.02.2018 / 23:27
Doubts about VsCode [closed] History with last links accessed