Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17676
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Trocar background aleatoriamente com efeito fading jQuery

19-03-2016 19:38

Nesse post vou dar uma dica para quem quer colocar uma foto ou imagem de fundo na página que vá trocando de tempo em tempo de forma aleatória.

Você pode ver a animação nesse link http://demo.web3designs.com/jquery-anim ... in-out.htm

<style> #wrap{ position:fixed;; z-index:-1; top:0; left:0; background-color:black } #wrap img.bgfade{ position:absolute; top:0; display:none; width:100%; height:100%; z-index:-1 } </style> <div id="wrap"> <img class="bgfade" src="foto1.jpg"> <img class="bgfade" src="foto2.jpg"> </div> <script src="jquery.js"></script> <script> $(window).load(function(){ $('img.bgfade').hide(); var dg_H = $(window).height(); var dg_W = $(window).width(); $('#wrap').css({'height':dg_H,'width':dg_W}); function anim() { $("#wrap img.bgfade").first().appendTo('#wrap').fadeOut(1500); $("#wrap img").first().fadeIn(1500); setTimeout(anim, 3000); } anim();}) $(window).resize(function(){window.location.href=window.location.href}) </script>

Fonte: http://www.css-jquery-design.com/2013/0 ... ut-effect/
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado