Juliano Farrah Postado Junho 24, 2009 Denunciar Share Postado Junho 24, 2009 (editado) Bom dia galera,É o seguinte:Eu estou precisando de um esquema que faça o seguinte:Tenho 4 imagens, que estão com opacidade de 40%.Quando eu passo o mouse, fica com 100%, certo!?Até ai tudo bem.Só que eu quero que quando eu clicar na imagem, ela fique com 100%.Lembrando que o link das imagens são carregadas na mesma página.Não uso frame.Tem como alguém me ajudar?Abraços e Obrigado! Editado Junho 24, 2009 por Jonathan Queiroz Evite postar títulos em caixa alta (Jonathan) Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jonathan Queiroz Postado Junho 24, 2009 Denunciar Share Postado Junho 24, 2009 Utilize os eventos onmouseover (mouse em cima da imagem) e onmouseout (mouse fora) Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Juliano Farrah Postado Junho 24, 2009 Autor Denunciar Share Postado Junho 24, 2009 Mas já está assim.mas quando a página é recarregada, perde a opacidade de 100%. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jonathan Queiroz Postado Junho 24, 2009 Denunciar Share Postado Junho 24, 2009 Tem como postar o código do script atualmente ? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Juliano Farrah Postado Junho 24, 2009 Autor Denunciar Share Postado Junho 24, 2009 Então garoto,Eu ainda não montei nada oficial.Só estou apanhando mesmo. eheheheO problema maior é que eu estou usando 1 página só.Se fosse algum frame ou algo parecido, eu conseguiria fazer.Mas quando essa minha única página é recarregada, volta tudo como era. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jonathan Queiroz Postado Junho 24, 2009 Denunciar Share Postado Junho 24, 2009 Agora entendi...O objetivo é que as imagens permanecessem da mesma forma quando a página é recarregadaNesse caso você terá que utilizar cookies para salvar essas informações Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Juliano Farrah Postado Junho 24, 2009 Autor Denunciar Share Postado Junho 24, 2009 Tem alguma ideia de como eu faço isso?Valeu mesmo! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jonathan Queiroz Postado Junho 24, 2009 Denunciar Share Postado Junho 24, 2009 Olhe esse link: http://ecarrara.com/javascript/javascript-...ulando-cookies/ Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Juliano Farrah Postado Junho 26, 2009 Autor Denunciar Share Postado Junho 26, 2009 (editado) Tá assim:Quando eu clicar e carregar essa mesma página, PRECISO QUE FIQUE 100% NO link que eu cliquei.Valeu galera!Abraços<html> <head> <script language="JavaScript1.2"> function makevisible(cur,which){ strength=(which==0)? 1 : 0.2 if (cur.style.MozOpacity) cur.style.MozOpacity=strength else if (cur.filters) cur.filters.alpha.opacity=strength*100 } </script> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <div id="conteudo"> <div class="thumb_job_1"><p><a href="opacity.asp"><img src="../imagens/thumb_bdcamp_01.jpg" width="90" height="90" border="0" style="filter:alpha(opacity=40);-moz-opacity:0.2" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a></p></div> <div class="thumb_job_2"><p><a href="opacity.asp"><img src="../imagens/thumb_bdcamp_02.jpg" width="90" height="90" border="0" style="filter:alpha(opacity=40);-moz-opacity:0.2" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a></p></div> <div class="thumb_job_3"><p><a href="opacity.asp"><img src="../imagens/thumb_bdcamp_03.jpg" width="90" height="90" border="0" style="filter:alpha(opacity=40);-moz-opacity:0.2" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a></p></div> </div> </body> </html> Editado Junho 26, 2009 por Jonathan Queiroz Adcionar tag's (Jonathan) Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jonathan Queiroz Postado Junho 26, 2009 Denunciar Share Postado Junho 26, 2009 Tente remover esse link. Ele é necessário ?Se for, utilize o target como _blank para abrir em outra janela Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Juliano Farrah Postado Junho 26, 2009 Autor Denunciar Share Postado Junho 26, 2009 Esse link é necessário sim.Ele vai carregar na mesma página com outro javascript que estou fazendo.Vou passar parâmetros.... Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jonathan Queiroz Postado Junho 26, 2009 Denunciar Share Postado Junho 26, 2009 Mas o usuário está sendo redirecionado na mesma hora que a imagem é modificada...A página "opacidade.asp" é a mesma página atual ?Se for isso, você pode passar um parâmetro na querystring indicando qual imagem deverá ser modificada e recuperar com javascript (veja esse tópico: Recuperando valores da querystring com javascript) Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Juliano Farrah Postado Junho 26, 2009 Autor Denunciar Share Postado Junho 26, 2009 Muito bom esse script Jonathan.Mas eu tinha feito esse passagem de parâmetros via ASP.Mas como eu vou colocar a class :HOVER como atual?? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jonathan Queiroz Postado Junho 26, 2009 Denunciar Share Postado Junho 26, 2009 Mas você não está fazendo isso via JavaScript ?Com JS você pode chamar a função no evento onload da páginaObs.:Não recomendo que faça utilizando o hover no CSS, já que IE6 só aceita esse atributo em links Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Juliano Farrah Postado Junho 26, 2009 Autor Denunciar Share Postado Junho 26, 2009 É Jonathan, não rolou mesmo.estou apanhando pra kct com esse código.Tentei de tudo.Será que você consegue fazer? Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Juliano Farrah
Bom dia galera,
É o seguinte:
Eu estou precisando de um esquema que faça o seguinte:
Tenho 4 imagens, que estão com opacidade de 40%.
Quando eu passo o mouse, fica com 100%, certo!?
Até ai tudo bem.
Só que eu quero que quando eu clicar na imagem, ela fique com 100%.
Lembrando que o link das imagens são carregadas na mesma página.
Não uso frame.
Tem como alguém me ajudar?
Abraços e Obrigado!
Editado por Jonathan QueirozEvite postar títulos em caixa alta (Jonathan)
Link para o comentário
Compartilhar em outros sites
14 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.