Jump to content


Photo

Index Com Fundo Randômico


  • Faça o login para participar
15 replies to this topic

#1 BlindShooter

BlindShooter

    Novato no fórum

  • Usuários
  • 7 posts
  • Sexo:Não informado

Posted 12/12/2003, 01:34

Olá, eu tenho um site de animes e eu gostaria de saber como faço para que o index da página tenha como fundo imagens aleatórias, aqui vai o código da página para vocês olharem e mais abaixo o link:
<html>
<head>
<title>[.::]Anime X[::.]</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body bgcolor="#0099ff">
<div id="Layer3" style="position:absolute; width:812px; height:596px; z-index:3; left: -3px; top: 7px; background-image: url(animex_index.jpg); layer-background-image: url(animex_index.jpg); border: 1px none #000000;"> 
   <div id="Layer1" style="position:absolute; width:651px; height:182px; z-index:1; left: 4px; top: 210px;"> 
    <script language=JavaScript1.2>

var marqueewidth=600
var marqueeheight=300
var speed=2
var marqueecontents='<font color="#0000FF" size="1" face="Verdana, Arial, Helvetica, sans-serif">Bem vindo a Anime X! <br> Atualização de 01/12/2003:<br><br>Não, não estamos fechando, somente fazendo reformas pesadas! hehe ^^<br><br>Atualização de 03/12/2003<br><br>Estatus atual da reforma:<br><br>Fórum: 100%<br><br>Central Anime: 100%<br><br>Design: 100%<br><br>Fusão do código com o design: 0% (em execução)<br><br>Criação de contas para os membros (admin, etc...): 20% (Precisando consultar a equipe =/)<br><br>Atualização de 11/12/2003:<br><br>Um presentinho do Kanchi_sama pra vcs!^^<br><br>É só notar as minazinhas kawaii supremas que colocarei por aki... >=D</font>'
if (document.all)
document.write('<marquee direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+182+'">'+marqueecontents+'</marquee>')

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",100)
intializemarquee()
}
}

function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write(marqueecontents)
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.height
scrollit()
}

function scrollit(){
if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.top-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.top=marqueeheight
scrollit()
}
}

window.onload=regenerate2
</script>
  </div>
</div>
<div id="Layer2" style="position:absolute; width:810px; height:115px; z-index:2; top: 608px; left: 0px;"> 
  <p align="justify"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">TEXTOTEXTOTEXTO(blábláblá)!</font></p>
  <p align="justify"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">ANIME 
    X (c) 2000-2003 - All Rights Reserved to Ot&aacute;vio Lara &amp; Friends 
    - 11/12/2003 - Produced By Kanchi_SAMA</font></p>
  </div>
</body>
</html>

http://www.animex.com.br/index.html

Desculpem pelo tamanho do código, mas acho mais fácil mostrar ele completo (ou quase XD) para facilitar. Valeu pela ajuda =)

#2 Dinho Z.

Dinho Z.

    Rock'n'Roll !!! Yeah !!!

  • Usuários
  • 755 posts
  • Sexo:Não informado
  • Localidade:Santo André - SP

Posted 12/12/2003, 07:00

Veja este código...

var backgr1="imagens/img1.jpg";
var backgr2="imagens/im2.jpg";

hoje = new Date();
imagens = 2; //Número de imagens que você possui
segundos = hoje.getSeconds();
numero = segundos % imagens;
if (numero == 0) backgr = backgr1;
else backgr = backgr2;
document.body.background = backgr;
Qualquer dúvida é só perguntar...
Dinho

Ajude a proibir os "jabás" nas rádios brasileiras.
Mas, afinal, o que é o "jabá"?!? acesse Rock Brasil
Acesse Fórum SOS Designers
Coluna de JavaScript/CSS do Upmasters

#3 BlindShooter

BlindShooter

    Novato no fórum

  • Usuários
  • 7 posts
  • Sexo:Não informado

Posted 12/12/2003, 12:20

Desculpe, mas sou meio tosco com programação XD
Eu até entendi e talz, mas como eu faria para aplicar isso em 17 fundos diferentes? E tem um detalhe, na verdade a imagem está como fundo de um layer e talz. Como que eu faço?

PS: Valeu pela ajuda, já estava ficando desesperado XD =)

#4 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 12/12/2003, 12:36

<script language="javascript">
<!--
fundo=new Array(17);
fundo[0]="imagem1.gif";
fundo[1]="imagem2.gif";
fundo[2]="imagem3.gif";
fundo[3]="imagem4.gif";
fundo[4]="imagem5.gif";
fundo[5]="imagem6.gif";
fundo[6]="imagem7.gif";
fundo[7]="imagem8.gif";
fundo[8]="imagem9.gif";
fundo[9]="imagem10.gif";
fundo[10]="imagem11.gif";
fundo[11]="imagem12.gif";
fundo[12]="imagem13.gif";
fundo[13]="imagem14.gif";
fundo[14]="imagem15.gif";
fundo[15]="imagem16.gif";
fundo[16]="imagem17.gif";
escolha=Math.random * 16;
document.body.background=fundo[escolha];
//-->
</script>


Testei este script no meu pc e deu tudo corretamente. Tenta no seu.

WITHOUT A NICK

#5 BlindShooter

BlindShooter

    Novato no fórum

  • Usuários
  • 7 posts
  • Sexo:Não informado

Posted 12/12/2003, 13:32

Valeu pela ajuda, mas ainda assim eu não consegui (num é possível, posso ser tosco, mas nem tanto lol). veja só:
<script language="javascript">
<!--
fundo=new Array(17);
fundo[0]="http://www.animex.com.br/images/random/animex_index_01.jpg";
fundo[1]="http://www.animex.com.br/images/random/animex_index_02.jpg";
fundo[2]="http://www.animex.com.br/images/random/animex_index_03.jpg";
fundo[3]="http://www.animex.com.br/images/random/animex_index_04.jpg";
fundo[4]="http://www.animex.com.br/images/random/animex_index_05.jpg";
fundo[5]="http://www.animex.com.br/images/random/animex_index_06.jpg";
fundo[6]="http://www.animex.com.br/images/random/animex_index_07.jpg";
fundo[7]="http://www.animex.com.br/images/random/animex_index_08.jpg";
fundo[8]="http://www.animex.com.br/images/random/animex_index_09.jpg";
fundo[9]="http://www.animex.com.br/images/random/animex_index_10.jpg";
fundo[10]="http://www.animex.com.br/images/random/animex_index_11.jpg";
fundo[11]="http://www.animex.com.br/images/random/animex_index_12.jpg";
fundo[12]="http://www.animex.com.br/images/random/animex_index_13.jpg";
fundo[13]="http://www.animex.com.br/images/random/animex_index_14.jpg";
fundo[14]="http://www.animex.com.br/images/random/animex_index_15.jpg";
fundo[15]="http://www.animex.com.br/images/random/animex_index_16.jpg";
fundo[16]="http://www.animex.com.br/images/random/animex_index_17.jpg";
escolha=Math.random * 16;
document.body.background=fundo[escolha];
//-->
</script>

eu fiz uma página de testes com este código no body, mas não aconteceu nada.
E como eu poderia inserir esse script na página de index (cheia de layers lol). O atual código pra imagem de fundo do index é a seguinte:

<div id="Layer3" style="position:absolute; width:812px; height:596px; z-index:3; left: -3px; top: 7px; background-image: url(animex_index.jpg); layer-background-image: url(animex_index.jpg); border: 1px none #000000;">

Pior que num consegui fazer funcionar de jeito nenhum =/

#6 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 12/12/2003, 13:34

Qual é seu navegador? E a versão do mesmo? Pois no meu navegador aqui funcionou corretamente

#7 BlindShooter

BlindShooter

    Novato no fórum

  • Usuários
  • 7 posts
  • Sexo:Não informado

Posted 12/12/2003, 13:36

Eu estou usando o internet explorer 6
http://www.animex.com.br/teste.htm

eu posso ter feito algo errado, mas aqui está o código da página:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Teste</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body>
<script language="javascript">
<!--
fundo=new Array(17);
fundo[0]="http://www.animex.com.br/images/random/animex_index_01.jpg";
fundo[1]="http://www.animex.com.br/images/random/animex_index_02.jpg";
fundo[2]="http://www.animex.com.br/images/random/animex_index_03.jpg";
fundo[3]="http://www.animex.com.br/images/random/animex_index_04.jpg";
fundo[4]="http://www.animex.com.br/images/random/animex_index_05.jpg";
fundo[5]="http://www.animex.com.br/images/random/animex_index_06.jpg";
fundo[6]="http://www.animex.com.br/images/random/animex_index_07.jpg";
fundo[7]="http://www.animex.com.br/images/random/animex_index_08.jpg";
fundo[8]="http://www.animex.com.br/images/random/animex_index_09.jpg";
fundo[9]="http://www.animex.com.br/images/random/animex_index_10.jpg";
fundo[10]="http://www.animex.com.br/images/random/animex_index_11.jpg";
fundo[11]="http://www.animex.com.br/images/random/animex_index_12.jpg";
fundo[12]="http://www.animex.com.br/images/random/animex_index_13.jpg";
fundo[13]="http://www.animex.com.br/images/random/animex_index_14.jpg";
fundo[14]="http://www.animex.com.br/images/random/animex_index_15.jpg";
fundo[15]="http://www.animex.com.br/images/random/animex_index_16.jpg";
fundo[16]="http://www.animex.com.br/images/random/animex_index_17.jpg";
escolha=Math.random * 16;
document.body.background=fundo[escolha];
//-->
</script>
</body>
</html>

Edição feita por: BlindShooter, 12/12/2003, 13:38.


#8 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 12/12/2003, 13:49

Ops! Achei um erro no meu script.

<script language="javascript">
<!--
fundo=new Array(17);
fundo[0]="http://www.animex.co..._index_01.jpg";
fundo[1]="http://www.animex.co..._index_02.jpg";
fundo[2]="http://www.animex.co..._index_03.jpg";
fundo[3]="http://www.animex.co..._index_04.jpg";
fundo[4]="http://www.animex.co..._index_05.jpg";
fundo[5]="http://www.animex.co..._index_06.jpg";
fundo[6]="http://www.animex.co..._index_07.jpg";
fundo[7]="http://www.animex.co..._index_08.jpg";
fundo[8]="http://www.animex.co..._index_09.jpg";
fundo[9]="http://www.animex.co..._index_10.jpg";
fundo[10]="http://www.animex.co..._index_11.jpg";
fundo[11]="http://www.animex.co..._index_12.jpg";
fundo[12]="http://www.animex.co..._index_13.jpg";
fundo[13]="http://www.animex.co..._index_14.jpg";
fundo[14]="http://www.animex.co..._index_15.jpg";
fundo[15]="http://www.animex.co..._index_16.jpg";
fundo[16]="http://www.animex.co..._index_17.jpg";
escolha=Math.random() * 16;
document.body.background=fundo[escolha];
//-->
</script>


Havia esquecido de colocar. Desculpa.

WITHOUT A NICK

#9 BlindShooter

BlindShooter

    Novato no fórum

  • Usuários
  • 7 posts
  • Sexo:Não informado

Posted 12/12/2003, 13:58

saquei faltou só o () lol XD
De qualquer maneira, num é possível, eu tenho que estar fazendo alguma coisa errada, pois o resultado é o mesmo ( http://www.animex.com.br/teste.htm ), eu acredito que o script esteja correto e talz, além do mais, num entendo nada de java, portanto minha opinião é um tanto quanto nula. Não seria necessário restringir o random.math? se não poderia sair um número como 2 e ficaria 2*16=32 que é um fundo inexistente. num sei =P

#10 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 12/12/2003, 14:19

Vou então dar uma procurada, pois este meu script funcionou corretamente no meu navegador.

WITHOUT A NICK

#11 BlindShooter

BlindShooter

    Novato no fórum

  • Usuários
  • 7 posts
  • Sexo:Não informado

Posted 12/12/2003, 14:23

Beleza, valeu mesmo cara, tava achando que num ia conseguir =)
Vou ver se consigo fazer funcionar tb. Até mais e obrigado novamente. ^^

#12 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 12/12/2003, 14:32

Como sempre digo: "Os computadores foram criados para solucionar problemas que antes não existiam". Coloquei sempre a tag <BODY> e nada. Tentei uma vez com um script que peguei e usei a tag <BODY> e nada! Usei a tag <IMG> e deu certo! Isso foi o máximo desse script que consegui. E aliás, é até mais fácil esse script que peguei.

<script>
<!--
var how_many_ads = 3;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
banner="imagem1.gif";
}
if (ad==2) {
banner="imagem2.gif";
}
if (ad==3) {
banner="imagem3.gif";
}
document.write("<img src="+banner+">corpo da página");
// -->
</script>



#13 kanchi_sama

kanchi_sama

    Novato no fórum

  • Usuários
  • 1 posts
  • Sexo:Não informado

Posted 12/12/2003, 18:00

Fala, eu tbm to nessa ae desse eskema da página...
Esse último script q vc me mandou, aonde eu coloco ele? nakela página cheia de layers

#14 Skuall

Skuall

    Doutor

  • Usuários
  • 968 posts
  • Sexo:Não informado

Posted 13/12/2003, 14:02

Onde aparecerão as imagens. :D

----------

Este Script que você mostrou...

<script language="javascript">
<!--
fundo=new Array(17);
fundo[0]="http://www.animex.co..._index_01.jpg";
fundo[1]="http://www.animex.co..._index_02.jpg";
fundo[2]="http://www.animex.co..._index_03.jpg";
fundo[3]="http://www.animex.co..._index_04.jpg";
fundo[4]="http://www.animex.co..._index_05.jpg";
fundo[5]="http://www.animex.co..._index_06.jpg";
fundo[6]="http://www.animex.co..._index_07.jpg";
fundo[7]="http://www.animex.co..._index_08.jpg";
fundo[8]="http://www.animex.co..._index_09.jpg";
fundo[9]="http://www.animex.co..._index_10.jpg";
fundo[10]="http://www.animex.co..._index_11.jpg";
fundo[11]="http://www.animex.co..._index_12.jpg";
fundo[12]="http://www.animex.co..._index_13.jpg";
fundo[13]="http://www.animex.co..._index_14.jpg";
fundo[14]="http://www.animex.co..._index_15.jpg";
fundo[15]="http://www.animex.co..._index_16.jpg";
fundo[16]="http://www.animex.co..._index_17.jpg";
escolha=Math.random() * 16;
document.body.background=fundo[escolha];
//-->
</script>


Está correto. Porém a Variável "escolha", retorna um número "Ponto Flutuante", não um "Inteiro"... Ou seja, ela produz algo do tipo: 15.336... ao invés de 15 somente.

Para isso adapte assim:

var escolha = Math.floor (Math.random() * 16);



#15 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 13/12/2003, 19:34

Então é melhor válido:

escolha=parseInt(Math.random() * 16)


Isso vai deixar o número escolhido apenas sem as casas decimais.




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq