Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Ricardo Fressa

Mudar a imagem do body

Por , em Javascript

Recommended Posts

Ricardo Fressa    0

Ricardo Fressa
Postado

olá, será que alguém conhece algum script que faça a imagem do body background muda de tempo em tempo, tipo de 5 em 5 segundos?

 

mas nao queria que mudasse em "seco" mas sim suavemente, tipo sumindo e aparecendo outro...

 

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Cara, com transição eu acho dificil.. pois não vejo como fazer isso, mudando a propriedade 'backgroundImage'.

Oque você pode tentar, é esticar uma imagem e posiciona-la atras do site, e ai fazer a transição normal, com qualquer slideshow

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ricardo Fressa    0

Ricardo Fressa
Postado

Está acontecendo o que eu temia...

 

Cada figura navegar tem tools bars, menus, etc diferentes... entao como eu vou fazer para que a imagem sempre aparece 100% no navegador... Tipo na verdade ela a imagem pode cortar, o interessante seria que sempre ficasse 100% na tela do navegador...

 

pode me ajudar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Está acontecendo o que eu temia...

 

Cada figura navegar tem tools bars, menus, etc diferentes...

como assim?

pode me ajudar?

 

posso tentar. Apresenta oque você já fez.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ricardo Fressa    0

Ricardo Fressa
Postado 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sem titulo</title>


<!-- Codigo para mudar o fundo -->
<script type="text/javascript" language="javascript1.2" src="topo_rotate.js"></script>
<!-- Fim do código para mudar o fundo -->

<link rel="stylesheet" type="text/css" href="styles.css" />
</head>

<body onLoad="runSlideShow()">

<div id="geral">
<img src="fundos/1_verde.jpg" width="100%" height="100%" name="SlideShow" id=logo onload="window.lol&&lol()" />

</div><!-- Fim da Div Geral -->
</body>
</html>

Tipo, as imagens são quase do mesmo tamanho, o problema é que está aparecendo as scrolls do lado no navegador, aquelas barras de rolagem e nao queria que aparecesse, mesmo se na div tivesse que cortar a imagem...

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

tenta algo como:

<style type="text/javascript">
body {
  overflow: hidden;
}
</style>
assim o conteudo que ultrapassar não vai criar rolagem.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ricardo Fressa    0

Ricardo Fressa
Postado

por favor entra nesse endereço

 

Site

 

Se seu navegador tiver o mesmo tanto de tools bars igual ao meu ficara legal, mas se tiver menos uma parte do site ficará em branco...

por isso que eu acho que essa imagem deveria ficar de fundo nao como uma imagem numa div... :(

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Eu não tenho nenhuma toolbar.

O problema é que se você tentar usar a propriedade: backgroundImage você não vai conseguir fazer nenhum efeito na transição.

 

E ainda assim, isso não resolveria o problema da imagem não ocupar em altura o tamanho todo da viewport.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Acredito que sim. Mas eu não trabalho com flash.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito