Efecto imágenes

[djsampe]

Hola,

Puedes utilizar algunas propiedades de CSS3 para que la imagen se escale, De todas formas no sé si lo que quieres es una Galería donde ver la imagen en su tamaño real.
Lo que se suele hacer es grabar en BBDD un registro con la ruta thumbnail y la ruta normal de la imagen. Para que la web quede más vistosa, lo mejor es que redimensiones todas las imagenes que guardes a un ancho fijo, yo suelo ponerlas a 800px máximo de ancho y las thumbnail pues depende, entre 200-350px.

Te paso un ejemplo de como escalar una imagen, pero es con efecto hover, no click

Código:

<style>
    .imagen{
		transition: all 1s ease 0s;
		width: 90%;
		max-width:200px;
	 }
	 
	 .imagen:hover{
		transform: scale(1.1);
		transition: all 1s ease 0s;
	 }
	 
	 .imagen img{
		width:100%;
	 }
	 
</style>

<div class='imagen'><img src='ruta_imagen'/></div>

Un saludo.