Ir para conteúdo
Fórum Script Brasil
  • 0

Menu com opacidade em imagens


Juliano Farrah

Pergunta

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 Queiroz
Evite postar títulos em caixa alta (Jonathan)
Link para o comentário
Compartilhar em outros sites

14 respostass a esta questão

Posts Recomendados

  • 0

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 por Jonathan Queiroz
Adcionar tag's (Jonathan)
Link para o comentário
Compartilhar em outros sites

  • 0

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)

Link para o comentário
Compartilhar em outros sites

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,7k
×
×
  • Criar Novo...