HTML: Ancho de imagen x proporción?

Question

Una huevadita facil para un jueves:
Queria Saber como escribir en HTML(o en php o lo que sea) que
una imagen
tenga de alto el proporcional al ancho que yo le defino...
¿se entiende?
Por ejemplo...
si tengo imagenes de 800ancho x 600alto, otra de 900x300 y
otra 400x400,
quiero decirle en html que de ancho tengan todas 300 x la
proporción (para
no deformar la imagen...)
Espero que alguien tenga un minutin para responderme,
desde ya, se los agradezco proporcionalmente ;-P
Ale Photoshop

Answer 1

Yo conocí esta función a través del libro
"Flash, PHP y MySQL Contenidos
dinámicos" de Kadazurdo y Granatta, después
empecé a buscar las funciones
que me interesaban, en
http://es.php.net/manual/es/ref.image.php
y si no me
quedaba muy claro, buscaba ejemplos en Google con el nombre
de esa función.
No puedo recomendarte un sitio en especial porque hay muchos,
pero en las
búsquedas seguramente te vas a topar con los más
conocidos (webexperto,
desarrolloweb, webtaller, etc.).
": : Ale Photoshop : :" <[email protected]> escribió
en el mensaje
news:[email protected]...
> tenes en mente algun sitio donde haya algunos tutoriales
sobre eso o solo
> se puede aprender con algun curcito?
>
>
> "BIGOTE" <[email protected]>
escribió en el mensaje
> news:[email protected]...
>> Están muy piolas las funciones de
imágenes. Incluso podés agregar texto
>> sobre una imagen o superponer otra como marca de
agua, todo por código.
>>
>>
>>
>>
>> ": : Ale Photoshop : :" <[email protected]>
escribió en el mensaje
>> news:[email protected]...
>>> ok... lo hice andar perfectamente... mas que
nada me gustó como maneja
>>> la funcion time() par aque no se repitan las
imagenes... sseguramente
>>> son cosas obvias, pero al no estar continuamente
con esto, a mi me
>>> pareció re novedoso!!! jejeje... gracias...
>>>
>>>
>>> "BIGOTE" <[email protected]>
escribió en el mensaje
>>> news:[email protected]...
>>>> Si, al verlo así todo junto puede que
asuste, pero vas a ver que es una
>>>> pavada.
>>>>
>>>> Las variables están mas que nada para
facilitar y aclarar las cosas, en
>>>> lo que tenés que fijarte es en las
funciones.
>>>>
>>>> Avisame como te fue.
>>>>
>>>>
>>>>
>>>>
>>>> ": : Ale Photoshop : :"
<[email protected]> escribió en el mensaje
>>>> news:[email protected]...
>>>>> muy bueno bigotee!!
>>>>> es lo que buscaba... pero le voy a tener
que dedica reste findesemana
>>>>> para personalizarlmelo porque de tantas
$variables se me complica con
>>>>> mi PHP de aprendiz... jejeje
>>>>>
>>>>> Muchas gracias de todas formas!!!
>>>>> cuando lo ponga en funcionamiento te
chiflo...
>>>>>
>>>>> "BIGOTE"
<[email protected]> escribió en el mensaje
>>>>>
news:[email protected]...
>>>>>> Sí, con PHP podés manejar
las imágenes como quieras. Te paso un
>>>>>> ejemplo básico para subir una
imagen al servidor y que te quede
>>>>>> reducida a un ancho de 300 px.
>>>>>>
>>>>>> Copia lo siguiente en un documento
php (OJO. Previamente crea un
>>>>>> directorio llamado fotos en el que
se pueda escribir, es decir con
>>>>>> atributo: 777)
>>>>>>
>>>>>> <?php
>>>>>> /* SUBIR UNA FOTO AL SERVIDOR
controlando previamente que esté dentro
>>>>>> de un ancho predeterminado.*/
>>>>>>
>>>>>> if
(is_uploaded_file($_FILES['foto']['tmp_name'])) {
>>>>>> $directorioDestino="fotos/";
>>>>>> $ancho = 300;
>>>>>> $calidad_JPG = 80;
>>>>>> $wn=0; $hn=0; $porc=0;
>>>>>>
>>>>>> $foto_tmp =
$_FILES['foto']['tmp_name'];
>>>>>> $tam = getimagesize($foto_tmp);
>>>>>> $wo = $tam[0]; $ho = $tam[1];
>>>>>> if($wo <= $ancho AND $ho <=
$alto){
>>>>>> //no hacer nada
>>>>>> }else{
>>>>>> $porc = ($ancho/$wo)*100;
>>>>>> }
>>>>>>
>>>>>> if($porc > 0){
>>>>>> //si hay un porcentaje, calculo el
nuevo ancho y alto
>>>>>> $wn = floor($wo*($porc/100));
>>>>>> $hn = floor($ho*($porc/100));
>>>>>> }else{
>>>>>> $wn = $wo;
>>>>>> $hn = $ho;
>>>>>> }
>>>>>> $foto_nva = time().".jpg"; //creo un
nombre válido, usando el reloj
>>>>>> para evitar que se repitan nombres
>>>>>> //lo que sigue devuelve un
identificador de imagen que representa a
>>>>>> la imagen obtenida a partir del
nombre de archivo indicado
>>>>>> $img_vieja =
imagecreatefromjpeg($foto_tmp);
>>>>>> //lo que sigue devuelve un
identificador de imagen representando una
>>>>>> imagen en blanco de tamaño
anchura por altura
>>>>>> $img_nueva =
imagecreatetruecolor($wn, $hn);
>>>>>> //lo que sigue copia una
porción rectangular de una imagen sobre
>>>>>> otra, suavizando los valores de los
píxeles mediante interpolación
>>>>>>
imagecopyresampled($img_nueva,$img_vieja,0,0,0,0,$wn,$hn,$wo,$ho);
>>>>>> //borramos la imagen temporal
>>>>>> imagedestroy($img_vieja);
>>>>>>
imagejpeg($img_nueva,$directorioDestino.$foto_nva,$calidad_JPG);
>>>>>> imagedestroy($img_nueva);
>>>>>> }
>>>>>> ?>
>>>>>> <form
enctype="multipart/form-data" method="post" action="">
>>>>>> <input name="foto"
type="file">
>>>>>> <input name="btn_subir"
type="submit" id="btn_subir" value="Subir
>>>>>> imagen">
>>>>>> </form>
>>>>>> <img src="<?php echo
$directorioDestino.$foto_nva; ?>" width="<?php
>>>>>> echo $wo; ?>" height="<?php
echo $ho; ?>">
>>>>>> <img src="<?php echo
$directorioDestino.$foto_nva; ?>" width="<?php
>>>>>> echo $wn; ?>" height="<?php
echo $hn; ?>"><br>
>>>>>> <?php echo "original: ".$wo." x
".$ho. " | "; ?>
>>>>>> <?php echo "nuevo tamaño:
".$wn." x ".$hn; ?>
>>>>>>
>>>>>>
>>>>>
>>>>>
>>>>
>>>>
>>>
>>>
>>
>>
>
>