none
Imagens alternando sem refresh de página RRS feed

  • Pergunta

  • Alguém pode me ajudar com um display para alternar imagens na página sem precisar fazer um refresh. Preferencialmente em C#, ou javascript.

     

    Obrigado

    quinta-feira, 27 de maio de 2010 20:52

Respostas

  • Melhor usar javascript, segue um exemplo:

     

    JS

     

    <script type="text/javascript">
    
      var x;
      var numImagens;
      var banner = new Array();
      banner[0] = new Array(); banner[0] = "PO.jpg";
      banner[1] = new Array(); banner[1] = "tela.jpg";
      banner[2] = new Array(); banner[2] = "img/fig003.jpg";
      banner[3] = new Array(); banner[3] = "img/fig004.jpg";
    
      x=0;
      numImagens = banner.length;
      
      function trocaImagem(){    
    
        document.getElementById('<%=imgFoto.ClientID %>').src=banner[x];
        if (x<numImagens-1)
          x=x+1;
        else
          x=0;     
    
      }  
      
      setInterval(trocaImagem, 2000); 
      
    </script> 

     

    Componente image

     

     

    <asp:Image ID="imgFoto" runat="server" ImageUrl="" />

     


    msn: poseidonfba@hotmail.com
    • Editado Poseydon Espilacopa quinta-feira, 27 de maio de 2010 21:20 x
    • Marcado como Resposta Harley Araujo segunda-feira, 31 de maio de 2010 14:28
    • Não Marcado como Resposta PestanaJr terça-feira, 1 de junho de 2010 00:06
    • Marcado como Resposta PestanaJr quarta-feira, 23 de junho de 2010 01:17
    quinta-feira, 27 de maio de 2010 21:18

Todas as Respostas

  • Melhor usar javascript, segue um exemplo:

     

    JS

     

    <script type="text/javascript">
    
      var x;
      var numImagens;
      var banner = new Array();
      banner[0] = new Array(); banner[0] = "PO.jpg";
      banner[1] = new Array(); banner[1] = "tela.jpg";
      banner[2] = new Array(); banner[2] = "img/fig003.jpg";
      banner[3] = new Array(); banner[3] = "img/fig004.jpg";
    
      x=0;
      numImagens = banner.length;
      
      function trocaImagem(){    
    
        document.getElementById('<%=imgFoto.ClientID %>').src=banner[x];
        if (x<numImagens-1)
          x=x+1;
        else
          x=0;     
    
      }  
      
      setInterval(trocaImagem, 2000); 
      
    </script> 

     

    Componente image

     

     

    <asp:Image ID="imgFoto" runat="server" ImageUrl="" />

     


    msn: poseidonfba@hotmail.com
    • Editado Poseydon Espilacopa quinta-feira, 27 de maio de 2010 21:20 x
    • Marcado como Resposta Harley Araujo segunda-feira, 31 de maio de 2010 14:28
    • Não Marcado como Resposta PestanaJr terça-feira, 1 de junho de 2010 00:06
    • Marcado como Resposta PestanaJr quarta-feira, 23 de junho de 2010 01:17
    quinta-feira, 27 de maio de 2010 21:18
  • Olá POSEIDON,

     

    não sei se está desorganizado o fórum, mas gostaria de deixar uma dúvida referente a resposta que vc me deu.

    Uma questão seria.... no JS que vc sugeriu, estou tentando buscar o valor de uma variável para alimentar o nome e path da imagem, veja:


     

     var x;
    var numImagens;
     var banner = new Array();
     banner[0] = new Array(); banner[0] = "<%=variavel_publica _no_code%>";

     

     

    Se eu, no código, alimentar a variável apenas com o nome da imagem, tipo "nome_da_imagem.jpg" e deixar a imagem no raiz do projeto, funciona perfeitamente. Mas se eu criar uma pasta dentro do projeto e tentar usar o path, tipo "~/imagens/nome_da_imagem" e não funciona. Não apresenta nenhum erro mas simplesnebte na hora rodar o site a imagem não vem.

     

    E, outra questão seria.... como faço para poder utilizar links nessa mesmas imagens que vc mostrou como alterná-las...

    Obrigado

    Pestana
    terça-feira, 1 de junho de 2010 00:15