Olá amigos. Tenho procurado um script que alterne as imagens exibidas seguindo uma sequência e que a transição das imagens seja o efeito esmaecer, que reduz a opacidade da imagem que deixará de ser exibida e que aumenta a opacidade da imagem que será exibida. Acabei encontrando dois scripts, um que possui a transição esmaecer mas que não alterna automaticamente as imagens exibidas e outro que alterna as imagens automaticamente mas que não possui a transição esmaecer. Gostaria de saber se é possível criar o script desejado modificando os scripts que encontrei ou se existe algum script que faça o que citei. Deixarei duas páginas onde estão funcionando em cada uma delas um dos scripts citados, também deixarei os sites de onde extraí os scripts para que o código possa ser estudado e um gif animado que mostrará como deveria funcionar o script, alternando imagens automaticamente e esmaecendo-as na hora da transição. Peço a ajuda de vocês para que um banner com as características citadas possa ser desenvolvido, desde já muito obrigado.
Deveria ser assim:
![Imagem Colocada]()
mas ao invés de aumentar a luminosidade na hora da transição, deveria reduzir a opacidade.
-
Banner com a transição esmaecer, porém não alterna as imagens automaticamente:
http://hosthospeda.besaba.com/Rotativo%20Bot%C3%A3o/Desenvolvendo%20Banner%20Rotativo.html
Script extraído de:
http://www.fazeromeusite.com/imagens-fade-in-fade-out
-
Banner que alterna as imagens automaticamente, porém não tem a transição esmaecer:
http://hosthospeda.besaba.com/Rotativo%20Autom%C3%A1tico/Testando.html
Script extraído de:
http://www.linhadecodigo.com.br/artigo/3605/banner-rotativo-em-jquery-utilizando-o-choco-slider.aspx
-
Exemplo de um site que usa um banner com efeito similar:
http://www.webermori.com.br/produtos/slider/mootools/index2.html
Observação: As possíveis linguagens usadas são Javascript, Css e Html. Pode ser que no banner do site Webermori seja usado também jQuery, já que não sei de quais linguagens ele é composto.
Deveria ser assim:
mas ao invés de aumentar a luminosidade na hora da transição, deveria reduzir a opacidade.
-
Banner com a transição esmaecer, porém não alterna as imagens automaticamente:
http://hosthospeda.besaba.com/Rotativo%20Bot%C3%A3o/Desenvolvendo%20Banner%20Rotativo.html
Script extraído de:
http://www.fazeromeusite.com/imagens-fade-in-fade-out
-
Banner que alterna as imagens automaticamente, porém não tem a transição esmaecer:
http://hosthospeda.besaba.com/Rotativo%20Autom%C3%A1tico/Testando.html
Script extraído de:
http://www.linhadecodigo.com.br/artigo/3605/banner-rotativo-em-jquery-utilizando-o-choco-slider.aspx
-
Exemplo de um site que usa um banner com efeito similar:
http://www.webermori.com.br/produtos/slider/mootools/index2.html
Observação: As possíveis linguagens usadas são Javascript, Css e Html. Pode ser que no banner do site Webermori seja usado também jQuery, já que não sei de quais linguagens ele é composto.