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

implementa script


Añd®é™

Pergunta

Ola feras, o lance é o seguinte, to com esse sistema de banner rotativo e quero usa-lo, ele esta funcionando perfeitamente, mais o lance é que ele só muda o banner quando o usuario atualiza a página, e eu queria que ele atualizasse de 30 em 30 segundos, andei estudando e descobri que tem que usar um codigo que eu já até descobri, só não to sabendo onde colocar, ve ai se alguém pode dar um auxilio ao essa pobre alma por favor.

o Scripr é esse aqui:

<html><head><title>banner rotativo</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><meta HTTP-EQUIV="Refresh" CONTENT="30; URL = http://www.site.com/rotate/"></head><body bgcolor="#FFFFFF" topmargin=0 leftmargin=0 text="#000000"><table width="169" border="0" cellspacing="0" cellpadding="0" height="355" bordercolor="#000000">  <tr>     <td>      <div align="center"><script language="Javascript">function Banners(){    var MNews = new Array();     MNews[0]= '<A HREF="url.img" target="_blank"><IMG SRC="imagem.jpeg"  WIDTH=169 HEIGHT=355 BORDER=0 ALT="texto"></a>'    MNews[1]= '<A HREF="url.img" target="_blank"><IMG SRC="imagem.jpeg"  WIDTH=169 HEIGHT=355 BORDER=0 ALT="texto"></a>'   var Numero = Math.floor(Math.random()*2);   document.write(MNews[Numero]);}</script><script language="Javascript">Veja_Banner = Banners();</script></div>    </td>  </tr></table></body></html>
A linha de codigo que deve fazer ele funcionar é a seguinte:
window.setInterval()

Outro detalhe, nãoo sei onde eu estipulo a quantidade de segundos para ele trabalhar.

Forte Abraço a Todos!!!

Link para o comentário
Compartilhar em outros sites

7 respostass a esta questão

Posts Recomendados

  • 0

i aew Anãod®é™, bom tenta tipo assim:

<html>
    <head>
        <title>banner rotativo</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <script language="Javascript">
            window.onload = function(){
                setInterval( 'Banners()' , 1000 );/*o segundo parametro é de quanto em quanto tempo ele vai executar a funcao*/
            }
        
            function Banners(){   
                var MNews = new Array();     
                MNews[0]= '<A HREF="imagem1.ext" target="_blank"><IMG SRC="imagem1.ext"  WIDTH=169 HEIGHT=355 BORDER=0 ALT="texto"></a>';   
                MNews[1]= '<A HREF="imagem2.ext" target="_blank"><IMG SRC="imagem2.ext"  WIDTH=169 HEIGHT=355 BORDER=0 ALT="texto"></a>'; 
                var Numero = Math.floor(Math.random()*2);
                document.getElementById( 'banner' ).innerHTML = MNews[Numero];
            }
        </script>
        
    </head>
    <body bgcolor="#FFFFFF" topmargin=0 leftmargin=0 text="#000000">
        <table width="169" border="0" cellspacing="0" cellpadding="0" height="355" bordercolor="#000000">
            <tr>
                <td>
                    <div id='banner' align="center"></div>    
                </td>
            </tr>
        </table>
    </body>
</html>

falow abraço!

Link para o comentário
Compartilhar em outros sites

  • 0
<html>
    <head>
        <title>banner rotativo</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <script language="Javascript">
            window.onload = function(){
                var id = setInterval( 'Banners()' , 1000 );/*o segundo parametro é de quanto em quanto tempo ele vai executar a funcao*/

                document.getElementById('banner').onmouseover = function(){
                    clearInterval(id);
                }

                document.getElementById('banner').onmouseout = function() {
                    var id = setInterval( 'Banners()' , 1000 );
                }
            }
        
            function Banners(){  
                var MNews = new Array();    
                MNews[0]= '<A HREF="01.jpg" target="_blank"><IMG SRC="01.jpg"  WIDTH=169 HEIGHT=355 BORDER=0 ALT="texto"></a>';  
                MNews[1]= '<A HREF="02.jpg" target="_blank"><IMG SRC="02.jpg"  WIDTH=169 HEIGHT=355 BORDER=0 ALT="texto"></a>';
                var Numero = Math.floor(Math.random()*2);
                document.getElementById( 'banner' ).innerHTML = MNews[Numero];
            }
        </script>
        
    </head>
    <body bgcolor="#FFFFFF" topmargin=0 leftmargin=0 text="#000000">
        <table width="169" border="0" cellspacing="0" cellpadding="0" height="355" bordercolor="#000000">
            <tr>
                <td>
                    <div id='banner' align="center"></div>    
                </td>
            </tr>
        </table>
    </body>
</html>

Link para o comentário
Compartilhar em outros sites

  • 0

Tente assim:

<html>
    <head>
        <title>banner rotativo</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <script type="text/javascript">
            window.onload = function(){
                var id = null;
                resumeBanners();
            }

            function Banners(){  
                var MNews = new Array();    
                MNews[0]= '<A HREF="01.jpg" target="_blank"><IMG SRC="01.jpg"  WIDTH=169 HEIGHT=355 BORDER=0 ALT="texto"></a>';  
                MNews[1]= '<A HREF="02.jpg" target="_blank"><IMG SRC="02.jpg"  WIDTH=169 HEIGHT=355 BORDER=0 ALT="texto"></a>';
                var Numero = Math.floor(Math.random()*2);
                document.getElementById( 'banner' ).innerHTML = MNews[Numero];
            }

            function resumeBanners() {
                 id = setInterval(Banners, 1000);
            }

            function stopBanners() {
                clearInterval(id);
            }
        </script>
        
    </head>
    <body bgcolor="#FFFFFF" topmargin=0 leftmargin=0 text="#000000">
        <table width="169" border="0" cellspacing="0" cellpadding="0" height="355" bordercolor="#000000">
            <tr>
                <td>
                    <div id='banner' align="center" onmouseover="stopBanners()" onmouseout="resumeBanners()"></div>    
                </td>
            </tr>
        </table>
    </body>
</html>

Um abraço, tudo de bom.

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,3k
×
×
  • Criar Novo...