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

Galeria de imagens


Rodrigo26

Pergunta

Boa noite pessoal,

Não querendo abusar vocês, mas já abusando...

Gostaria de uma galeria simples, mas sofisticada em javaScript que clique em ampliar a imagem e com o mesmo clique diminuindo a imagem de forma gradativa.

Só isso...

Já dei uma olhada naqueles prontos, sendo que a ampliação é desordanada, não coincide com o tamanho real da imagem.

fiz algo que ainda se encontra grosseiro, pois é um clique para ampliar e duplo clique para reduzir; além do fato de não haver a forma gradativa de ampliação e redução:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml1-transitional.dtd">
<html xmls="http://ww.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
<head>
<title>Reduzindo e Ampliando Imagens</title>
<meta http-equiv="Content-Type" content="text/html; charset=isso-8859-1" />
<style> 

img{
border: 0px;
}

.onclick313x100 {
width:313px;
height:100px;
position:absolute; 
border: 0px;
left:150px;
top:100px;
}

.ondbclick {
position:static;
}

</style>
</head>
<body>
<h3><b>Um clique amplia a imagem - Dois cliques retorna a imagem ao normal</b></h3>

<a href="#">
<img src    = "imagens/teste.jpg"
width       = "100"
height      = "32"
onclick     = "this.className='onclick313x100'";
ondblclick  = "this.className='onbdclick'"></a>
</body>

Caso eu consiga algo eu posto aqui.

Valeu pessoal,

abrs,

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

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
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...