(Resolvido) Duvida sobre JS e CSS

[John Lennon FS]

Boa madrugada a todos!

Pois bem, a minha primeira duvida era se devia postar isso javascript ou css...mas acabei optando por aqui...

Eu gostaria de saber se eu poderia fazer isso:

Primeiro no CSS

#topo_imagem {
        margin:0;
        text-align:left;
        display:block;
        height:95px;
                background-image:url("ARQUIVO COM FUNÇÃO.JS");
    
            }

Dentro do arquivo isso:

<script type="text/javascript">
var paths = new Array("imagem1.jpg", "imagem2.jpg");              
window.onload = function()
{
var imagem = paths[Math.floor(Math.random()*(paths.length))];
}
document.write(imagem); 
</script>

Para que a imagem no css seja definida pela variavel do js.

não funcionou, tem algo errado com o codigo? ou não é possivel?

[Eliseu M.]

Cara, achei um código pra criar imagens randomicas do site yaldex.com:

<script  language="javascript"  type="text/javascript">
/* Visit http://www.yaldex.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin
today=new Date();
jran=today.getTime();
var number = 7;
var random_number="";
var image="";
ia=9301;
ic=49297;
im=233280;
jran = (jran*ia+ic) % im;
random_number = Math.ceil( (jran/(im*1.0)) *number);
// Carrega as imagens
if (random_number==1) {
image="IMAGEMAQUI.GIF";
}
if (random_number==2) {
image="IMAGEMAQUI.GIF";
}
if (random_number==3) {
image="IMAGEMAQUI.GIF";
}
if (random_number==4) {
image="IMAGEMAQUI.GIF";
}
if (random_number==5) {
image="IMAGEMAQUI.GIF";
}
if (random_number==6) {
image="IMAGEMAQUI.GIF";
}
if (random_number==7) {
image="IMAGEMAQUI.GIF";
}
document.open();
document.write("<IMG SRC='"+image+"' />");
// End -->
</script>

você pode trocar o número de imagens...

também achei um tuto que provavelmente é exatamente o que você quer:

http://www.wordpress-genial.com/2008/05/21...ens-aleatorias/

Abraços.

[John Lennon FS]

Obrigado, mas acabei fazendo por php...é mais simples, mas não coloquei o codigo dentro do css e acabei colocando na pagina mesmo...não era oque eu queria mas serviu...

...fiz assim

Criei 10 imagens chamadas assim:

foto1.jpg foto2.jpg foto3.jpg

depois fiz assim:

<?php
$img=rand(1,10);
?>

e onde deveria colocar a imagem:

<img src=”pastaOndeVcColocouAsIamgens/foto<?php echo $img ?>.jpg”>

Explicando essa função vai pegar e sortear um número aleatório de 1 a 10(numero de imagens), e assim mudar o url da imagem.

É meio gambiarra mas funciona.

Editado Maio 15, 2009 por John Lennon FS