Principal

Inicio
Historial de noticias
Codigos en php
Codigos Javascript
Linux
 · Guia de comandos
Manuales HTML
 · Nivel principiante
Trucos Windows
 · Windows XP
 · Windows 95/98
 · Windows 2000/NT

Enviar articulos

Mas webs
Juegos y chistes

 
Codigos en php
Evitar que las imagenes deformen tu web

  En ocasiones puede ocurrir que cuando cargamos una imagen en nuestras webs, desconocemos el tamaño que estan tienen.

Esto puede ocasionar en multitud de ocasiones, que mientras la imagen no ha cargado, el diseño de la web se deforma bastante.
Pues bien, esto podemos evitarlo, si ponemos las etiquetas widht y height con la imagen. De esta forma, nuestro diseño no sufrira ninguna variacion.

Para averiguar el tamaño en pixels, tenemos una funcion en php llamada getimagesize.
Dicha funcion, nos devolvera en un array los valores del alto, ancho, tipo de archivo, etc, pero solo nos interesaremos por el ancho y alto.
Estos valores, pasaran al array[0] (ancho ), y array[1] ( alto ).

Codigo de ejemplo:

<?php
$imagen
="carpeta/imagen.jpg";// Aqui poner la direccion de vuestra imagen
$pix = getimagesize("$imagen");
$ancho = $pix[0];// Metemos el valor 0 del array en la variable $ancho
$alto = $pix[1];// Metemos el valor 1 del array en la variable $alto.
echo ""; //Aqui observar que le decimos el ancho y alto.
echo "La imagen situada en $imagenTiene un ancho de: $anchoY un alto de: $alto";
?>

Espero que con este ejemplo podais realizar cosas mas complejas, como funciones, bucles que muestren imagenes consecutivas, etc.
Teneis mas informacion sobre esta funcion en la siguiente direccion del manual oficial de php.
http://es.php.net/manual/es/function.getimagesize.php
 


Volver.

Añadir comentario
¿No encuentras lo que buscas?
No te compliques, usa el buscador que nos ofrece google y encuentra todo lo que quieras.
Tutoriales, hosting, dominios, ayuda para el webmaster, etc.

Comentarios:

Enviado por: Maricon

Fecha: 29/08/2011 - 03:55:21  
Hola muy buena me sirvio eres un crack , rocks  

Enviado por: daniel

Fecha: 31/05/2008 - 23:53:38  
buena es aleccionador ojala se enseñen otros codigos  

Enviado por: Mytto

Fecha: 12/04/2008 - 16:58:53  
Excelente---justo lo q estaba buscando... :D ... thnxs!!!  

Tu alias:

 

Comentario:

 
  Introduce codigo de seguridad
 

¿Quieres ver tu articulo publicado en esta pagina?

Visita la zona de envios, pulsando aqui

 
Anuncios
Hospedaje recomendado
Hospedaje y dominios - El hosting inteligente al mejor precio

Visitantes: 1
Pagina generada en: 0.00146 segundos