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

Slide Automático


Beraldinho

Pergunta

Paz, amado(a).

Tenho um script de slide show, e eu gostaria que esse slide show fosse automático, porque o que estou usando agora tem que ficar clicando nos número para ver os slide show. Vou postar aqui... se alguém souber me ajudar nesse script ficarei muito agradecido.

&lt;script type="text/javascript" src="js/mootools.js"></script>
    &lt;script type="text/javascript" src="js/compatmootools.js"></script>
&lt;script type="text/javascript" src="js/slider.js"></script>


&lt;script type="text/javascript" >
window.addEvent('load', function () {
slidingtabs = new SlidingTabs('feature_buttons', 'slider_wrap');
            
            $('previous').addEvent('click', slidingtabs.previous.bind(slidingtabs));
            $('next').addEvent('click', slidingtabs.next.bind(slidingtabs));
        });
</script>



    
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="feature_title">Publicidade Quadrangular</div>
<a title="Previous" id="previous">anterior</a><a title="Next" id="next">proximo</a>
    <div id="slider_wrap">
        <div id="slider">
                            <div>

                <img src='en1.png' border="0" alt='' /></a>
                </div>
                                <div>
                <img src='fest1.png' border="0" alt='' /></a>
                </div>
                                <div>
                <img src='2.gif' alt='Batismo nas Águas' /></a>
                </div>
                                <div>

                <img src="4.gif" alt="Escola Bíblica Quadrangular" title="DEBQ" /></a>
                </div>
                <div>
                <img src="kid5.jpg" alt="kid5" title="kid5" /></a>
                </div>                
                                </div>
            </div> 
            <ul id="feature_buttons">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            </ul>

</body>
</html>

Fique na paz!

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0
Tente utilizar as funções setTimeout e setInterval para contar o tempo e simular um clique no elemento (ou passar diretamente ao próximo elemento)

Coloquei assim, mas não deu:

<script type="text/javascript" >
window.addEvent('load', function () {
slidingtabs = new SlidingTabs('feature_buttons', 'slider_wrap');
            
            $('previous').addEvent('click', slidingtabs.previous.bind(slidingtabs));
            $('next').addEvent('click', slidingtabs.next.bind(slidingtabs));
                        window.setInterval(function(){ slidingtabs.next.bind(slidingtabs); }, 5000);
        });
</script>

e agora?

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...