Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Amigos,
sou bastante leigo em java / css / html, por isso venho pedir a ajuda de vocês.
Pesquisando encontrei alguns códigos em css para fullbackground e também códigos em java para fade conforme estão a seguir.
<style type="text/css">
body {background-color:#000000;}
img.bg {
/ Set rules to fill background /
min-height: 100%;
min-width: 1024px;/ Set up proportionate scaling /
width: 100%;
height: auto;/ Set up positioning /
position: fixed;
top: 0;
left: 0;
} left: 50%;
margin-left: -512px; /* 50% */
}
}
</style>
<script type="text/javascript">
function fadeIn(id, time) {
target = document.getElementById(id);
alpha = 0;
timer = (time*1000)/50;
var i = setInterval(
function() {
if (alpha >= 100)
clearInterval(i);
setAlpha(target, alpha);
alpha += 2;
}, timer);
}
function setAlpha(target, alpha) {
target.style.filter = "alpha(opacity="+ alpha +")";
target.style.opacity = alpha/100;
}
</script>
<body>
<body onload="javascript:fadeIn('alvo', 1.5)">
<div id="alvo">
<img class="bg" src="bg_05.jpg">
</div>
</body>Ta funcionando quase 100%. Está acontecendo que quando abre a página, primeiro aparece o jpg e depois dele todo carregado na tela que entra o efeito de fade.
Gostaria de o resultado final fosse que a partir do fundo preto da pagina entrasse o background lentamente com fade.
Imagino que deve ser algum ajuste simples, mas por inexperiência, estou perdendo muito tempo sem êxito. Alguem poderia me ajudar?
Obrigado.
Fernando.
Carregando comentários...