un div para una foto

[visona]

Hola a todos;
me gustaria saber como hacer que una imagen aparezca en un div cuadrado sin deformarla.
O sea que si tengo una imagen 500x300 se pueda colocar en un div de 100x100 y que el resto de la imagen no se vea, pero que no la deforme.
Tipo la galeria de facebook, que muestra parte de la imagen.

Un saludo

[memoadian]

http://mx.php.net/manual/es/function...opyresized.php

más en

http://mx.php.net/manual/es/book.image.php

pueden ser utiles para ti

[visona]

He estado mirando el ejemplo y no me sale la imagen.

Código PHP:

  <?php
// Archivo y nuevo tamaño
$nombre_archivo = 'prueba.jpg';
$porcentaje = 0.5;
 
// Tipo de contenido
//header('Content-type: image/jpeg');
 
// Obtener nuevos tamaños
list($ancho, $alto) = getimagesize($nombre_archivo);
$nuevo_ancho = $ancho * $porcentaje;
$nuevo_alto = $alto * $porcentaje;
 
// Carcgar
$thumb = imagecreatetruecolor($nuevo_ancho, $nuevo_alto);
$origen = imagecreatefromjpeg($nombre_archivo);
 
// Cambiar el tamaño
imagecopyresized($thumb, $origen, 0, 0, 0, 0, $nuevo_ancho, $nuevo_alto, $ancho, $alto);
 
// Imprimir
imagejpeg($thumb);
?>   

Tengo la imagen en el mismo directorio, pero me sale la pantalla en blanco.
Donde puede estar el fallo?

[pateketrueke]

¿tienes activo el reporte de errores?

¿como ejecutas dicho script?

[visona]

Lo he puesto tal como esta. He creado una pagina PHP he pefago el codigo tal como lo ves, he colocado la imagen prueba.jpg en el mismo directorio y nada de nada. Pagina en blanco

[pateketrueke]

Iniciado por visona

Lo he puesto tal como esta. He creado una pagina PHP he pefago el codigo tal como lo ves, he colocado la imagen prueba.jpg en el mismo directorio y nada de nada. Pagina en blanco

bien, pues agrega estas lineas el inicio del script y prueba de nuevo:

Código PHP:

  error_reporting(E_ALL);
ini_set('display_errors', 1); 
   

¿que resulta?

[visona]

Warning: getimagesize(prueba.jpg) [function.getimagesize]: failed to open stream: No such file or directory in /var/www/vhosts/lasfiestasdemili.com/httpdocs/prueba.php on line 13

Warning: imagecreatetruecolor() [function.imagecreatetruecolor]: Invalid image dimensions in /var/www/vhosts/lasfiestasdemili.com/httpdocs/prueba.php on line 18

Warning: imagecreatefromjpeg(prueba.jpg) [function.imagecreatefromjpeg]: failed to open stream: No such file or directory in /var/www/vhosts/lasfiestasdemili.com/httpdocs/prueba.php on line 19

Warning: imagecopyresized(): supplied argument is not a valid Image resource in /var/www/vhosts/lasfiestasdemili.com/httpdocs/prueba.php on line 22

Warning: imagejpeg(): supplied argument is not a valid Image resource in /var/www/vhosts/lasfiestasdemili.com/httpdocs/prueba.php on line 25

[pateketrueke]

bueno, pues en los mensajes de error tienes todas las causas del problema... a leer se ha dicho!!

[visona]

Pero no se si es esto lo que necesito.
Yo no busco redimensionar una imagen, lo que quiero es mostrar parte de la imagen.
Es decir que si tengo una imagen 500x600 lo que quiero es mostrar en un cuadrado 150x150 sin redimensionar, solo que me muestre 150x150 de los 500x600. Es para hacer una galeria y que las imagenes esten bien ordenadas en la página.

[visona]

Lo leo pero no llego a entenderlo.
El primer error me dice que no existe el directorio, pero si existe, de echo veo la pagina desde www.lasfiestasdemili.com/prueba.php con lo que el directorio y el archivo existe.
dame alguna pista de como solucionarlo

[pateketrueke]

Iniciado por visona

Pero no se si es esto lo que necesito.
Yo no busco redimensionar una imagen, lo que quiero es mostrar parte de la imagen.
Es decir que si tengo una imagen 500x600 lo que quiero es mostrar en un cuadrado 150x150 sin redimensionar, solo que me muestre 150x150 de los 500x600. Es para hacer una galeria y que las imagenes esten bien ordenadas en la página.

entonces simplemente debes establecer la propiedad CSS del <div/> overflow a hidden/scroll, y claro, definir un ancho y alto...

con respecto a tus errores... ¿de verdad esta ahí la imagen?
http://www.lasfiestasdemili.com/prueba.jpg

[cesarpunk]

Oh también puedes usar una aplicación Image Crop con jquery

image crop

[visona]

uuuupsss!! perdon, se me habia olvidado subirla, la tenia en local, pero no la subi al server. Pero hace lo que me imaginaba, recorta la imagen, pero al imprimir mas de 100 imagenes en la misma pagina me salen descuadradas.
Hay alguna forma para que en vez de redimensionar, recorte la imagen hasta dejarla en 200x200 y que pueda elegir que parte de la imagen mostrar?

Gracias por tu ayuda

[pateketrueke]

Iniciado por visona

uuuupsss!! perdon, se me habia olvidado subirla, la tenia en local, pero no la subi al server. Pero hace lo que me imaginaba, recorta la imagen, pero al imprimir mas de 100 imagenes en la misma pagina me salen descuadradas.
Hay alguna forma para que en vez de redimensionar, recorte la imagen hasta dejarla en 200x200 y que pueda elegir que parte de la imagen mostrar?

Gracias por tu ayuda

mejor te sugiero re leer mi mensaje acerca de CSS, es mucho mejor ya que no hay necesidad de redimensionar las imágenes, según tu mensaje original eso no es necesario...

[visona]

Perfecto con el css,. Muchas gracias.
Una última pregunta.... hay alguna forma de mover la imagen? o sea que la imagen es se quede centrada dentro del div.
Un saludo y muchas gracias

[pateketrueke]

Iniciado por visona

Perfecto con el css,. Muchas gracias.
Una última pregunta.... hay alguna forma de mover la imagen? o sea que la imagen es se quede centrada dentro del div.
Un saludo y muchas gracias

si, es posible... pero vas a tener que cambiarte de foro, al de CSS!!