Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) Duvida sobre JS e CSS


John Lennon FS

Pergunta

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?

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

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.

Link para o comentário
Compartilhar em outros sites

  • 0

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 por John Lennon FS
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...