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.

Categorias: Javascript