JAVASCRIPT - Inserindo imagens aleatórias no carregamento da página.

[xanburzum 169]

JAVASCRIPT - Inserindo imagens aleatórias no carregamento da página.

 

            //retornando o rand atual
        var imagens1 = new Array( 'logo_imagem1.jpg', 'logo_imagem2.jpg', 'logo_imagem3.jpg', 'logo_imagem4.jpg','logo_imagem5.jpg', 'logo_imagem11.jpg');
        var imagens2 = new Array( 'logo_imagem6.jpg', 'logo_imagem7.jpg', 'logo_imagem8.jpg', 'logo_imagem9.jpg','logo_imagem10.jpg','logo_imagem12.jpg');
        var imagens3 = new Array( 'logo_imagem14.jpg', 'logo_imagem14.jpg', 'logo_imagem15.jpg', 'logo_imagem16.jpg','logo_imagem17.jpg', 'logo_imagem18.jpg');
        var imagens4 = new Array( 'logo_imagem19.jpg', 'logo_imagem20.jpg', 'logo_imagem21.jpg', 'logo_imagem22.jpg');
        var num_img = 6;
        var num_img2 = 4;
        var img_atual =0;
        function ChangeImg()
        {
        if (img_atual < (num_img - 1) )
        {
        img_atual = img_atual + 1;
        }
        else
        {
        img_atual = 0;
        }
        document["img_apoio1"].src = "images/galeriaclientes/" + imagens1[img_atual];
        document["img_apoio2"].src = "images/galeriaclientes/" + imagens2[img_atual];
        document["img_apoio3"].src = "images/galeriaclientes/" + imagens3[img_atual];
        if (img_atual < (num_img2 - 1) )
        {
        img_atual = img_atual + 1;
        }
        else
        {
        img_atual = 0;
        }
        document["img_apoio4"].src = "images/galeriaclientes/" + imagens4[img_atual];
        var x = setTimeout ("ChangeImg()", 5000);
        }

 

Aqui o HTML:

 

  <div class="parceiro" style="margin:15px auto">
        <h2>Nossos Parceiros</h2>
        <img width="160" height="80" name="img_apoio1" src="images/galeriaclientes/logo_imagem1.jpg" border="0" alt="" />
        <img width="160" height="80" name="img_apoio2" src="images/galeriaclientes/logo_imagem6.jpg" border="0" alt="" />
        <img width="160" height="80" name="img_apoio3" src="images/galeriaclientes/logo_imagem11.jpg" border="0" alt="" />
        <img width="160" height="80" name="img_apoio4" src="images/galeriaclientes/logo_imagem17.jpg" border="0" alt="" />
        <h6><a href="clientes.asp">ver mais</a></h6>
        </div>

 

[reebr 94]

Quando eu entrei nesse fórum tinha várias áreas de tutoriais, o que aconteceu?