Ir para conteúdo

POWERED BY:

Arquivado

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

manoaj

trocar imagem e cor da div ao atualizar página

Por , em Javascript

Recommended Posts

manoaj    12

manoaj
Postado

Pessoal queria ajuda de vcs para resolver isso , não entendo muito de js então já viram srrssrsr.

eu tenho uma div e eu queria que a cor e imagem dela mudasse toda vez que o usuario atualizar a página.

nem precisa tanto a imagem mas a cor seria essencial
que mudasse.

podem me ajudar :/

Compartilhar este post

Link para o post
Compartilhar em outros sites

cristianoolv    93

cristianoolv
Postado

Um exemplo bem simplesinho pra mudar a cor da div:

<!DOCTYPE html>
<html>
<head>
<title>JavaScript</title>
<script type="text/javascript">
window.onload = function(){
   
   var r = Math.round(Math.random()*255),
       g = Math.round(Math.random()*255),
       b = Math.round(Math.random()*255),
       imgr = Math.round(Math.random()*4);
   

   var imgsrc = [
   'http://profile.ak.fbcdn.net/hprofile-ak-snc6/186154_100002628974245_5638242_q.jpg',
   'https://profile-a.xx.fbcdn.net/hprofile-ash4/372015_100004139250284_1119181455_q.jpg',
   'https://profile-b.xx.fbcdn.net/hprofile-ash4/203531_190981507611407_11634024_q.jpg',
   'http://perlbal.hi-pi.com/blog/1509322/mn/133316760465-dinheirofacilfacil.gif',
   'https://profile-b.xx.fbcdn.net/hprofile-frc1/372996_206102502803839_685082913_q.jpg'
     ];

    document.getElementById('ex').style.background = 'rgb('+r+','+g+','+b+')';
    document.getElementById('eximg').src = imgsrc[imgr];
   

}
</script>
<style>
#ex{
    width:100px;
    height:100px;
}

#ex img{
position:relative;
top:25px;
left:25px
}

</style>
</head>
<body>
<div id="ex"><img id="eximg"  />
<div>
</body>
</html>

Se quiser cores pre-definidas é so ir na logica da imagem : cria um array, colocar as cor e sorteia um numero.

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