Ir para conteúdo

POWERED BY:

Arquivado

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

Rodrigo Twister

Img randômica em background

Por , em Javascript

Recommended Posts

Rodrigo Twister    0

Rodrigo Twister
Postado

Estou desenvolvendo um site pra um cliente e gostaria que numa determinada tabela, aparecesse uma foto em BACKGROUND mas que fosse trocada a cada clique do site.

 

Até achei um código:

 

 

<html><head><script language="JavaScript" type="text/JavaScript"><!--function foto() {  var j,d="",l="",m="",p="",q="",z="",KW_ARI= new Array()  KW_ARI[KW_ARI.length]='img/foto_topo_1.jpg';  KW_ARI[KW_ARI.length]='img/foto_topo_2.jpg';  KW_ARI[KW_ARI.length]='img/foto_topo_3.jpg';  j=parseInt(Math.random()*KW_ARI.length);  j=(isNaN(j))?0:j;  document.write("<img src='"+KW_ARI[j]+"'>");}//--></script><body><table background="foto();"></head></html>

O código puro (tirando ele de função), funciona perfeitamente. É exatamente o que eu quero, mas quando joguei ele pra uma função e chamei ele no background, deu zebra.

 

Será que existe alguma outra maneira de fazer isso ???

 

Preciso disso urgente, tô quebrando a kbça o dia inteiro nisso.

 

Abs

Compartilhar este post

Link para o post
Compartilhar em outros sites

eronventer    2

eronventer
Postado

Ao inves de usar: document.write("<img src='"+KW_ARI[j]+"'>"); tente usar: document.body.background ='"+KW_ARI[j]+"';

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcoso    0

marcoso
Postado

Pode ser assim tambem:

 

<html><head><title></title></head><body>		<script language="JavaScript" type="text/javascript">		intRandom = Math.random()*2;		intRandom = Math.ceil(intRandom);		switch (intRandom) {		   case 1 :			  figura="bg1.jpg"			  break;		   case 2 :			  figura="bg2.jpg"			  break;		} 		document.write (<table background=" + figura + ">);	  </script>  <tr>	<td></td>  </tr></table></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rodrigo Twister    0

Rodrigo Twister
Postado

Po bicho, não funcionou não, mas vou continuar tentnado... valeu mesmo assim

Muda para <table background="foto();" id="tabela">E no script:

function foto() {  var j,d="",l="",m="",p="",q="",z="",KW_ARI= new Array()  KW_ARI[KW_ARI.length]='img/foto_topo_1.jpg';  KW_ARI[KW_ARI.length]='img/foto_topo_2.jpg';  KW_ARI[KW_ARI.length]='img/foto_topo_3.jpg';  j=parseInt(Math.random()*KW_ARI.length);  j=(isNaN(j))?0:j;  document.getElementById('tabela').style.background = "url('"+KW_ARI[j]+"');";}
Não testei não, mas é mais ou menos isso.
Po bicho, também não funcionou :(

Pode ser assim tambem:

<html><head><title></title></head><body>		<script language="JavaScript" type="text/javascript">		intRandom = Math.random()*2;		intRandom = Math.ceil(intRandom);		switch (intRandom) {		   case 1 :			  figura="bg1.jpg"			  break;		   case 2 :			  figura="bg2.jpg"			  break;		} 		document.write (<table background=" + figura + ">);	  </script>  <tr>	<td></td>  </tr></table></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcoso    0

marcoso
Postado

Consertei:

 

<html><head><title></title></head><body> 		<script language="JavaScript" type="text/javascript">		intRandom = Math.random()*2;		intRandom = Math.ceil(intRandom);		switch (intRandom) {		   case 1 :			  strLink = "" 			  figura="figura1.jpg"				alvo=""			  break;		   case 2 :			  strLink = "" 			  figura="figura2.jpg"				alvo=""			  break;		} 		document.write ("<table width=100 height=100 background='" + figura + "'>"); 	  </script><tr>	<td></td>  </tr></table></body></html>

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