adriano_wks Postado Agosto 5, 2008 Denunciar Share Postado Agosto 5, 2008 (editado) aee galera!!Estou iniciando em javascript e tenho algumas dúvidas.Gostaria que ao clicar na img o background(que seria uma imagem) da página mudasse.Só consegui fazer isto no bgcolor, mas daí apenas a cor do fundo muda:<html> <head> <title>...</title> <script type="text/javascript"> function cores(valor) { document.bgColor = valor; } </script> <body> <img src="verde.jpg" width="10" height="10" onclick="cores('#74A401')"> <img src="azul.jpg" width="10" height="10" onclick="cores('#0276B3')"> <img src="rosa.jpg" width="10" height="10" onclick="cores('#FE0CEA')"> </body> </html>Obrigado! Editado Agosto 6, 2008 por fercosmig Adicionar tag's. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 .Andreia. Postado Agosto 6, 2008 Denunciar Share Postado Agosto 6, 2008 document.body.background Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 adriano_wks Postado Agosto 6, 2008 Autor Denunciar Share Postado Agosto 6, 2008 Ah, sim troquei o "document.bgColor" pelo "document.body.background", mas o que não sei como fazer é o que colocar no lugar da cor.Ex:<img src="azul.jpg" width="10" height="10" onclick="cores('#0276B3')">Tentei isso, mas não deu:<img src="verde.jpg" width="10" height="10" onclick="cores('<img src="1.jpg">')">Valeu! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 .Andreia. Postado Agosto 6, 2008 Denunciar Share Postado Agosto 6, 2008 <html> <head> <title>...</title> <script type="text/javascript"> function cores(imagem) { document.body.background = imagem; } </script> <body> <img src="verde.jpg" width="10" height="10" onclick="cores(this.src)"> <img src="azul.jpg" width="10" height="10" onclick="cores(this.src)"> <img src="rosa.jpg" width="10" height="10" onclick="cores(this.src)"> </body> </html> ou então mais prático <img src="rosa.jpg" width="10" height="10" onclick="document.body.background = this.src"> Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
adriano_wks
aee galera!!
Estou iniciando em javascript e tenho algumas dúvidas.
Gostaria que ao clicar na img o background(que seria uma imagem) da página mudasse.
Só consegui fazer isto no bgcolor, mas daí apenas a cor do fundo muda:
<html> <head> <title>...</title> <script type="text/javascript"> function cores(valor) { document.bgColor = valor; } </script> <body> <img src="verde.jpg" width="10" height="10" onclick="cores('#74A401')"> <img src="azul.jpg" width="10" height="10" onclick="cores('#0276B3')"> <img src="rosa.jpg" width="10" height="10" onclick="cores('#FE0CEA')"> </body> </html>Obrigado!
Editado por fercosmigAdicionar tag's.
Link para o comentário
Compartilhar em outros sites
3 respostass a esta questão
Posts Recomendados
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.