Seguinte, eu tenho um script aqui que faz um slider entre 6 funções, estas funções são para fazer o banner aparecer e sumir...
Quando eu peguei este código ele não era automático, então eu tive que transformalo assim...
Então usei o setTimeout para que ele fosse automatico...
Primeiro problema, esse eu resolvi mas vou postar...
Ele rodava 5 vezes certo... depos destas 5 vezes ele começava a bugar... ele executava 3 funções, ou seja, os banners rodavam tudo ao mesmo tempo e com a velocidade almentada e não a velocidade que eu setei...
Dai então esse problema eu resolvi, mas agora acontece a mesma coisa, mas só se eu trocar de aba...
Por exemplo:
Se eu entrar no site eu vou ver a animação sem dar bug nenhum...
Então eu troquei de aba do banegador...
3 mínutos depois eu volto pra quela aba e o site fica louco novamente... :/
Eu acho que eu não estou usando a sintaxe do clearTimeOut corretamente, se alguém poder me ajudar eu agradeço, vou postar parte do script...:
Pergunta
RonaldoHoch
Olá a todos!
Estou desde ontem com este problema(19/1)...
Seguinte, eu tenho um script aqui que faz um slider entre 6 funções, estas funções são para fazer o banner aparecer e sumir...
Quando eu peguei este código ele não era automático, então eu tive que transformalo assim...
Então usei o setTimeout para que ele fosse automatico...
Primeiro problema, esse eu resolvi mas vou postar...
Ele rodava 5 vezes certo... depos destas 5 vezes ele começava a bugar... ele executava 3 funções, ou seja, os banners rodavam tudo ao mesmo tempo e com a velocidade almentada e não a velocidade que eu setei...
Dai então esse problema eu resolvi, mas agora acontece a mesma coisa, mas só se eu trocar de aba...
Por exemplo:
Se eu entrar no site eu vou ver a animação sem dar bug nenhum...
Então eu troquei de aba do banegador...
3 mínutos depois eu volto pra quela aba e o site fica louco novamente... :/
Eu acho que eu não estou usando a sintaxe do clearTimeOut corretamente, se alguém poder me ajudar eu agradeço, vou postar parte do script...:
var limpar = "nada";
entrabanner0 = function(){
$('#banner1').fadeIn();
$('#banner1 .texto1').animate({
left: '0px'
}, 1000, function() {
// Animation complete.
})
$('#banner1 .texto2').animate({
left: '0px'
}, 1500, function() {
// Animation complete.
})
$('#banner1 .texto3').animate({
left: '0px'
}, 2000, function() {
// Animation complete.
})
$('#banner1 .texto4').animate({
left: '0px'
}, 2500, function() {
// Animation complete.
})
$('#banner1 .familia').delay(2000).fadeIn('slow');
limpar = setTimeout(function(){
clearTimeout(limpar);
saibanner1();
}, 10000);
}
entrabanner1 = function(){
$('#banner1').delay(1500).fadeIn();
$('#banner1 .texto1').delay(3000).animate({
left: '0px'
}, 1000, function() {
// Animation complete.
})
$('#banner1 .texto2').delay(3000).animate({
left: '0px'
}, 1500, function() {
// Animation complete.
})
$('#banner1 .texto3').delay(3000).animate({
left: '0px'
}, 2000, function() {
// Animation complete.
})
$('#banner1 .texto4').delay(3000).animate({
left: '0px'
}, 2500, function() {
// Animation complete.
})
$('#banner1 .familia').delay(5000).fadeIn('slow');
limpar = setTimeout(function(){
clearTimeout(limpar);
saibanner1();
}, 10000);
}
saibanner1 = function(){
$('#banner1 .texto1').animate({
left: '-900px'
}, 1000, function() {
// Animation complete.
})
$('#banner1 .texto2').animate({
left: '-900px'
}, 1500, function() {
// Animation complete.
})
$('#banner1 .texto3').animate({
left: '-900px'
}, 2000, function() {
// Animation complete.
})
$('#banner1 .texto4').animate({
left: '-900px'
}, 2500, function() {
// Animation complete.
})
$('#banner1 .familia').delay(1000).fadeOut('slow');
$('#banner1').delay(1500).fadeOut();
limpar = setTimeout(function(){
clearTimeout(limpar);
entrabanner2();
}, 1500);
}
entrabanner2 = function(){
$('#banner2').delay(500).fadeIn();
$('#banner2 .rosto').delay(2000).fadeIn();
$('#banner2 .skinal').delay(1500).fadeIn();
$('#banner2 .texto1').delay(1000).animate({
right: '140px'
}, 1500, function() {
// Animation complete.
})
$('#banner2 .logo').delay(1500).animate({
right: '0px'
}, 2000, function() {
// Animation complete.
});
limpar = setTimeout(function(){
clearTimeout(limpar);
saibanner2();
}, 5000);
}
saibanner2 = function(){
$('#banner2 .rosto').fadeOut();
$('#banner2 .skinal').delay(2000).fadeOut();
$('#banner2 .texto1').animate({
right: '1140px'
}, 1500, function() {
// Animation complete.
})
$('#banner2 .logo').animate({
right: '1600px'
}, 2500, function() {
// Animation complete.
})
$('#banner2').delay(2500).fadeOut();
limpar = setTimeout(function(){
clearTimeout(limpar);
entrabanner3();
}, 3000);
}
entrabanner3 = function(){
$('#banner3').delay(1000).fadeIn();
$('#banner3 .logo').delay(2000).animate({
left: '260px'
}, 1500, function() {
// Animation complete.
})
$('#banner3 .texto1').delay(2500).animate({
left: '131px'
}, 1500, function() {
// Animation complete.
})
$('#banner3 .bullets1').delay(4000).fadeIn();
$('#banner3 .bullets2').delay(4500).fadeIn();
$('#banner3 .bullets3').delay(5000).fadeIn();
$('#banner3 .embalagem').delay(3000).fadeIn();
$('#banner3 .bg2').delay(3000).fadeIn();
limpar = setTimeout(function(){
clearTimeout(limpar);
saibanner3();
}, 6000);
}
saibanner3 = function(){
$('#banner3').delay(1400).fadeOut();
$('#banner3 .bullets1').delay(900).fadeOut();
$('#banner3 .bullets2').delay(1100).fadeOut();
$('#banner3 .bullets3').delay(1200).fadeOut();
$('#banner3 .embalagem').delay(1500).fadeOut();
$('#banner3 .bg2').delay(1500).fadeOut();
$('#banner3 .texto1').delay(1250).animate({
left: '-1131px'
}, 1500, function() {
// Animation complete.
})
$('#banner3 .logo').delay(500).animate({
left: '-1131px'
}, 1500, function() {
// Animation complete.
})
limpar = setTimeout(function(){
clearTimeout(limpar);
entrabanner0();
}, 1500);
}
window.onload = function(){
entrabanner0();
}
$(".pagination a").click(function(){
var banner2 = $('.current').attr('rel');
eval("saibanner"+banner2+"()");
$('.current').removeClass('current');
var banner = $(this).attr('rel');
$('#banner'+banner).addClass('current');
eval("entrabanner"+banner+"()");
return false
});
Obrigado"
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.