No final da tag body tenho um script que busdca uma imagem e chama outra função (1)
Até aí tudo funcionando, é dado um loop nas imagens de uma a uma.
Tenho 2 botões seguinte e anterior (2)
Seguinte acrescenta 1 e anterior -1
E ambos tem a chamada:clearinterval.
Os botões funcionam normalmente,
Mas quando coloco um botão "play para a função:mostra_slyde_play que está bem abaixo
Os botões mostraslide não param mais o loop de imagens como antes parava.
Como dar esse play e os botões funcionarem?
Resumindo: uso para iniciar a rotação das imagens: var intervalo = window.setInterval("MostraSlide_time(1)", 3000);
Para Parar: clearInterval(intervalo);
Pra reiniciar no botão Play: var intervalo = window.setInterval("MostraSlide_time(1)", 3000);
Mas quando Paro e clico para reiniciar, o botão parar, não funciona mais
[b](1)[/b]
<script language="javascript" type="text/javascript">
var qtdImagens="6";
imagens = new Array ("foto1.jpg","foto2.jpg","foto3.jpg","foto4.jpg","foto5.jpg","foto6.jpg");
for(i = 0; i < qtdImagens; i++) {
var indImg = Math.round(Math.random()*(imagens.length - 1));
var foto = imagens[indImg];
document.getElementById("mostra_foto").style.background="url('images/" + foto + "') no-repeat";
setTimeout ("MostraSlide_time(1)", 3000);
}
</script>
/*ESTA É A FUNÇÃO CHAMADA*/
<script language="javascript" type="text/javascript">
<!--
var intervalo = window.setInterval("MostraSlide_time(1)", 3000);
var Slide = new Array ("foto1.jpg","foto2.jpg","foto3.jpg","foto4.jpg","foto5.jpg","foto6.jpg");
var indSlide = 0;
var ultSlide = Slide.length -1;
// Função controla a seqüência de slides.
function MostraSlide_time(direcao){
indSlide = indSlide + direcao;
if(indSlide > ultSlide){indSlide = 0};
if(indSlide < 0) {indSlide = ultSlide};
/*document.FigSlide.src = Slide[indSlide];*/
foto = Slide[indSlide];
document.getElementById("mostra_foto").style.background="url('images/" + foto + "') no-repeat";
}
//-->
</script>
[b](2)[/b]
<div id="seguinte" onclick="MostraSlide(1); clearInterval(intervalo);" title="Seguinte" ></div>
<div id="anterior" onclick="MostraSlide(-1);clearInterval(intervalo);" title="Anterior" ></div>
<script language="javascript" type="text/javascript">
<!--
var Slide = new Array ("foto1.jpg","foto2.jpg","foto3.jpg","foto4.jpg","foto5.jpg","foto6.jpg");
var indSlide = 0;
var ultSlide = Slide.length -1;
// Função controla a seqüência de slides.
function MostraSlide(direcao){
indSlide = indSlide + direcao;
if(indSlide > ultSlide){indSlide = 0};
if(indSlide < 0) {indSlide = ultSlide};
/*document.FigSlide.src = Slide[indSlide];*/
foto = Slide[indSlide];
document.getElementById("mostra_foto").style.background="url('images/" + foto + "') no-repeat";
}
//-->
</script>
/*FUNÇÃO MOSTRASLIDE_PLAY*/
<script language="javascript" type="text/javascript">
function MostraSlide_play(){
var intervalo = window.setInterval("MostraSlide_time(1)", 3000);
}
</script>
Editado por Jonathan Queiroz Modificar parte do tópico em caixa alta (Jonathan)
Pergunta
moisesf
No final da tag body tenho um script que busdca uma imagem e chama outra função (1)
Até aí tudo funcionando, é dado um loop nas imagens de uma a uma.
Tenho 2 botões seguinte e anterior (2)
Seguinte acrescenta 1 e anterior -1
E ambos tem a chamada:clearinterval.
Os botões funcionam normalmente,
Mas quando coloco um botão "play para a função:mostra_slyde_play que está bem abaixo
Os botões mostraslide não param mais o loop de imagens como antes parava.
Como dar esse play e os botões funcionarem?
Editado por Jonathan QueirozModificar parte do tópico em caixa alta (Jonathan)
Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
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.