Mudar background com a escolha do usuario

[GustavoDose 1]

Bom dia.

 

Alguém tem uma dica de como fazer a escolha do background igual a este site?

 

http://www.clicrbs.com.br/sc/

 

 

 

 

[William Bruno 1501]

Exemplo básico:

 

http://forum.imasters.com.br/topic/515203-mudana-da-cor-de-fundo-em-javascript/?p=2045114

[GustavoDose 1]

William , legal o exemplo, mas eu preciso que ele clique na cor ja que vai estar para ele selecionar e ele mude o background do fundo. como no site mesmo que coloquei user clica na foto e ele aplica como background ;/

[William Bruno 1501]

É a mesma coisa, basta trocar o input por um elemento com a cor.

 

Não vou fazer um código completo para você, mas te dei um exemplo para te ajudar a chegar lá. Estude e tente.

[googleguy 1]

é bem facil. vc cria um arquivo js, ou cria na propria pagina mesmo,

ai vc cria uma div, coloca suas imagens la e coloca o atributo onclick=""

para cada imagem dentro da div, vc tem que criar uma função diferente.

eu criei a função mudar(); e mudar2();

ex:

 

<div>

<img src="suaImagem.jpg" onclick="mudar();" />
<img src="suaImagem.jpg" onclick="mudar2();" />
</div>

 

no codigo javascript vc acessa a propriedade body e depois background e passa a url da sua imagem

ex:

 

<script>



function mudar(){
document.body.background = "URL DA SUA IMAGEM";
}


function mudar2(){
document.body.background = "URL DA SEGUNDA IMAGEM";
}


</script>

 

 

----

Depois é so estilizar com css que fica do jeito que voce quer ;)