Ir para conteúdo
Fórum Script Brasil
  • 0

link em imagens rotativas js


Silezia Longo

Pergunta

Srs Bom dia,

 

fiz inumeras tentativas para mostrar a imagem com link em:

 <script type="text/javascript">
var imagens =  new Array( '1.jpg', '2.jpg', '3.jpg','4.jpg', '5.jpg', '6.jpg');
var num_img = 6;
var img_atual =0;

function ChangeImg()
{
if (img_atual < (num_img - 1) )
{
img_atual = img_atual + 1;
}
else
{
img_atual = 0;
}

document["img_apoio"].src = "http://www.ficasimples.com.br/calcfal/prop/" + imagens[img_atual];

var x = setTimeout ("ChangeImg()", 2000);
}
  </script>

 

ela posteriormente é chamada assim:

queria que ao clicar na figura fosse chamado o link da figura especifica conforme valor da variavel  imagens[img_atual]/////

<img name="img_apoio" src="http://www.ficasimples.com.br/calcfal/prop/1.jpg" alt="" border="0"width="190px" height="210px" align="center">

 

 

poderiam me ajudar??

 

grata

 

Silezia

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0
<html>
 
<head>
    <meta charset="UTF-8">
    <title>ChangeImage</title>
</head>
 
<body>
    <img name="img_apoio" src="http://www.ficasimples.com.br/calcfal/prop/1.jpg" 
    alt="" border="0" width="190px" height="210px" align="center"></img>
    <script type="text/javascript">
        var imagens = new Array('1.jpg''2.jpg''3.jpg''4.jpg''5.jpg''6.jpg');
        var num_img = 6;
        var img_atual = 0;
 
        // Na chamada da Função por um setInterval ou setTimeout ela não fica entre "" e 
        // não tem o ().
        // Eu chamei ele aqui, não sei como vc pretende usar a primeira chamada [^_^].   
        var x = setTimeout(ChangeImg2000);
 
        function ChangeImg() {
            if (img_atual < (num_img - 1)) {
                img_atual = img_atual + 1;
            }
            else {
                img_atual = 0;
            }
            // Aqui vc poderia usar um getElementById, mas interesante eu não sabia
            // que dava para acessar elementos deste modo XD.
            // Programação cada dia uma coisa nova hahaha.
            document["img_apoio"].src = "http://www.ficasimples.com.br/calcfal/prop/" + 
            imagens[img_atual];
 
            var x = setTimeout(ChangeImg2000);
        }
    </script>
</body>
 
</html>
Editado por Lesma nirvana
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,2k
×
×
  • Criar Novo...