Previewer de imagem para páginas da web

Question

Estou criando uma página da web no HTML com PHP.

Quero que o usuário possa clicar em uma pequena imagem de ícone. Quando o ícone é clicado em uma visualização de uma imagem maior aparece.

Adivinhar a solução provavelmente envolve JavaScript ou Flash. Você pode me apontar para a direção certa. Desde já, obrigado.

Answer 1

Parece que você quer um LightBox?

Uma caixa de luz permite que você tenha miniaturas de imagens na sua página e, quando um usuário clica nelas, a imagem maior aparecerá no meio da tela. É muito comum.

Se o que você realmente está procurando é um efeito de show/oculto, você pode usar o JavaScript para mostrar a imagem maior se o usuário clicar na imagem menor. Uma biblioteca JavaScript como jQuery ou Yui vai tornar isso muito fácil.

Answer 2

Se você está fazendo isso no PHP, também pode usar o GD para fazer isso por você.

Aqui está um excelente artigo para começar: http://icant.co.uk/articles/phpthumbnails/