Estou tentado fazer um código com jquery que irá ficar animando um div com imagem de fundo e com vários elementos, neste momento estou tentando apenas animar a troca das imagens isso ficará em forma de loop, de tempo em tempo troca a imagem. Meu HTML esta da seguinte forma: ```

20:30 10/10/2017

Meu teste 2

kajsajkjks kjssajSLAJSAKLSJ

20:30 10/10/2017

Exemplo de Imagem

O exemplo deve aparecer corretamente

Meu CSS está assim: .ifrntv{ width: 100%; height: 100%; position: absolute; } .logo { float: right; margin-top: 30px; margin-right: 90px; width: 10%; content: url('ifrn.png'); opacity: 0; } .time { margin-top: 300px; margin-left: 80%; width: 15%; height: 20%; font-size: 30pt; text-align: center; background-color: white; opacity: 0.7; position: absolute; border: 2px solid; border-radius: 25px; border-color: white; opacity: 0; } .text-notice{ position: absolute; z-index: 2; margin: 34% 0% 0% 00%; left: -9999px; padding-left: 10%; width: 100% ; height: 35%; font-family: arial, sans-serif; font-size: 35pt; background-color: black; opacity: 0.7; } ``` .text-notice .notice-title{ ``` font-size: 30pt; font-family: arial, sans-serif; } ``` .text-notice p{ ``` opacity: 1 ; color: white; font-size: 20pt; padding-left: 5%; font-family: arial, sans-serif; } E o JavaScript assim: $(function(){ iniciar(); }) function iniciar(){ $('body').find('.ifrntv').each(function(){ $(this).animate({left:0,opacity:1.0},{duration:1000,queue:'true',complete:iniciar}); $(this).animate({left:-9999,opacity:0},{duration:4000,queue:'true',complete:iniciar}); //alert(element); }); console.log(iniciar); //iniciar(); setTimeout(iniciar,10000); } Debugando pelo Chrome o código é executado mas nada acontece, o mais proximo que consegui fazer foi a duas imagens ficar aparecendo juntas, mas o objetivo é aparecer uma, fica um tempo, depois aparece a outra e assim continua sem parar. Estou esquecendo de algo no código das animações? ```

Max Miller Silveira

Problemas com animação do JQuery