3 replies to this topic

[Thales Huebra]

Olá,

Estou com dúvida.

Montei um site com uma imagem de fundo. Nele existem duas imagens (thumbnails), que ao clicar eu queria que mudasse a imagem de fundo somente, ou seja, ele abre com uma imagem de background, e ao clicar em uma das opções de imagem ele mudaria o background para a opção escolhida, é possível?

Abs,
Thales

[bimonti]

Mais um pergunta que só exige pouco conhecimento em javascript e DOM básico. Vou supor que a imagem está dentro de um elemento div, mude de acordo:

<div id="fundo" style="background:#fff;width:250px;height:250px;display:block;">
  <a href="#" onclick="this.parentNode.style.backgroundColor='#ff0'">Amarelo</a>
  <a href="#" onclick="this.parentNode.style.backgroundColor='#f00'">Vermelho</a>
</div>

[Micox]

Acredito que poderia ser direto no body também. Geralmente background de páginas são no body.

Mas o raciocínio é o mesmo:

<img src='imagemtal_mini.jpg' onclick='document.body.style.backgroundImage="imagemtal.jpg"'/>
<img src='imagemtal_mini2.jpg' onclick='document.body.style.backgroundImage="imagemtal2.jpg"'/>
<img src='imagemtal_mini3.jpg' onclick='document.body.style.backgroundImage="imagemtal3.jpg"'/>

Edição feita por: Micox, 08/06/2009, 09:24.

[Alex Hiroshi]

..style.background="url(imagem.jpg)"