RonaldoHoch

Olá, semana passada eu tinha postado um problema que eu tive em um banner... O problema era a versão do jQuery, que atualizei e resolvel o problema, vamos a minha dúvida... Tenho um script que ele faz animações para um banner, scripts para sair o banner e para entrar, e a páginação... Esse script era para funcionar com o clique o usúario... Eu peguei o código pronto e era para fazer com que ele ficasse em um loop entre os 3 banners, até ai tudo bem... Dentro de cada função ele chama outra... no caso exemplo... Saibanner1 = function(){ blablablas entrabanner2(); } E assim vai... Mas com a páginação quebra dai, pois como ele tem algo para chamar a uma função dentro da outra ele busca essa função para trocar de banner e o outro continua, no caso, ele executa duas vezes, dai fica um embaixo do outro... Código da páginação: $(".pagination a").click(function(){ var banner2 = $('.current').attr('rel'); eval("sai"+banner2+"()"); var banner = $(this).attr('rel'); eval("entrabanner"+banner+"()"); return false });

Já resolvi... Eu atualizei o jQuery e funcionou...

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"