Javascript 28 Jul 2007 01:51 pm
Visualizar imagem em tamanho maior com Javascript
Continuando o post Javascript: visualizar foto em tamanho maior onde passei um código bastante simples de como visualizar uma imagem em tamanho maior clicando em uma miniatura sem abrir uma nova janela, utilizando javascript controlando a DOM, e CSS.
Como disse neste primeiro post, no trabalho tenho scripts mais completos e elaborados, a maioria em italiano, ao invés de traduzir resolvi refazer e postar aqui o código mais simples e mais fácil de ser compreendido.
Como estava aqui em casa agora sem fazer nada, e cansado de ver o Pan na TV, resolvi dar uma melhorada nesse código e vou postar aqui a atualização, este código também por ser um pouquinho mais complexo vem com comentários no mesmo.
A diferença entre o primeiro e este é a inclusão do fundo escuro e transparente que bloqueia o restante do site enquanto a imagem maior está em destaque.
O link que posto de exemplo e download do exemplo é o mesmo do anterior, porém vou manter o arquivo compactado do script anterior mais simples caso seja do interesse de alguém e vou dar um número de versão para o script para caso no futuro resolve atualizar de novo, assim fica mais tranquilo para identificar, e claro, como antes continua tudo não obstrutivo.
Chega de papo furado, clique aqui para ir para página de teste e download do script.
on 28 Jul 2007 at 2:03 pm 1.Fazedor de Site » Blog Archive » Javascript: visualizar foto em tamanho maior escreveu …
[…] aqui e veja o que tem de […]
on 28 Jul 2007 at 6:17 pm 2.Marcelo escreveu …
Muito bom!!!!!!!!
on 28 Jul 2007 at 6:22 pm 3.Leandro Gouveia escreveu …
Po ta ficando tesao
Sempre usei lightbox, mas dai precisa do prototype dai ja viu, quase 100k de codigo so para este efeito… vou mudar pra esse seu..
on 30 Jul 2007 at 2:18 pm 4.Rodrigo Fante escreveu …
Danilo dessa forma funciona, e nao eh errado.
Tem outras formas de fazer trabalhando com eventos, porem eh um pouquinho mais complexo.
Mas do jeito que vc falou funciona.. acabei de chegar do trampo, calor de 40 graus, suado… depois te responde melhor
on 31 Jul 2007 at 5:47 am 5.Fazedor de Site » Blog Archive » Visualizar imagem em tamanho maior com Javascript III escreveu …
[…] Links para posts anteriores a este sobre o mesmo script: Primeiro post aqui. Segundo post aqui. […]
on 15 Aug 2007 at 11:21 am 6.kahlil escreveu …
olha em tenho uma função de uploads de imagens so falta um função para exibi-las.
on 15 Aug 2007 at 11:22 am 7.kahlil escreveu …
tem como ajudar ?