Dimensionar Imagen, como lo hace Msn???

[eyeyei]

Este es mi problema de Urgencia!!!

Entre en:

http://groups.msn.com/Burbujita/shoebox.msnw?Page=5

Eso es una comunidad de Msn... Como pueden ver cada foto esta dentro de un "MARCO" que me imagino es el fondo de la celda..
Ahora ,me llama la atencion que la foto siempre queda dentro del tamaño del marco, y nunca lo amplia.. entonces me puse a pensar..

Si ponen solo el width, estaria bien para las fotos horizontales pero para las verticales?? es decir, las que son muy altas! Ya el marco no quedaria en su tamaño original :( , y viceversa con las verticales.

Ahora.. otros diran.. facil!! le ponen el Ancho y alto del marco.. por ejemplo: <img src="x.jpg" width="ANCHO DEL MARCO" height="ALTO DEL MARCO">...
Ok, las imagenes quedarian todas del mismo tamaño, peeero pixeladas!!!

No se si me entienden
Pero espero me puedan ayudar porque necesito la respuesta urgente

Gracias!
Alejandro

[eyeyei]

Que no se quede sin ayuda!!

[choroy]

Pues yo te he entendido perfectamente, porque ese problema me ocurre a mi, a ver si alguien nos echa un cable.

Supongo que se haria asi:

1. Buscar las dimensiones de la foto.
2. Comparar el ancho con el alto.
3. A lo que sea mayor (ancho o alto), ponerle un tamaño fijo (En la página que has puesto de ejemplo es "96").
4. Mediante una regla de tres, sacar el valor del otro parametro para que no se deforme y salga en proporcion.
5. Darle estos valores a la foto.

Ahora la pregunta se queda en como saber las dimensiones de la foto, si se hace con asp o con javascript y ya lo demas seria facil.

Saludos.

[eyeyei]

Ya somos dos! Ayuda!!!

[mamon]

saber las dimensiones de una foto, hhmmm, eso creo q esta en aspupload, creo que lo he visto ahi, pero entra a asptutor, ahi hay varios ejemplo, busca a ver si hay algo de eso, y luego me cuentas, p...

<center><font face="verdana" size="1" color="black">Muy pronto no más aburrimiento en internet, siempre abrá algo nuevo para ver...[/CODE]
</center>

[eyeyei]

Si vi algo para guardar imagenes en una base de datos e incluso me baje un ejemplo para esto, pero nada especifico con el manejo del width y height...

Tan dificil es???

[lexus]

ya somos tres con la misma duda, pero ovbiamente no es imposible porque msn lo tiene yo tengo un album virtual, la gente sube sus fotos con una descripcion a una base de datos pero a veces las suben gigantes, desde hace rato quiero hacer lo qeu hace msn como thumbnails y luego que muestre los tamaños reales, pero no he visto nada parecido gratis, o qeu lo expliquen...

ojala alguien sepa y nos colabore..

si se sabe algo porfa mi email es [email protected]

<img src="http://www.lexus.com/images/nav/nav_i_logo.gif" width="109" height="47" alt="Lexus" border="0">

[eyeyei]

Ok.. en foros del web siempre me han ayudado! No puede ser que nadie sepa como hacerlo !!

[eyeyei]

Ok.. lamentablemente nadie me pudo ayudar.. me siento desepcionado por esa parte.. :(

Pero por otra despues de los trancasos lo pude hacer!!

Espero poder ayudar a los otros que como yo no podian hacerlo..

Lo que hice fue crear una function javascript que fuera llamada cuando el usuario hacia el submit del formulario con la imagen.. esta function crea un objeto image y lo setea con el campo &quot;file&quot; donde esta la imagen, luego con ese objeto image tomo el width &amp; height y se los asigno a dos campos hidden de mi form, por ultimo llamo al metodo submit..

Este form se dirije a un &quot;upload.asp&quot; donde inserta un campo en una tabla &quot;fotos&quot; de una Bd. entre los campos esta el nombre de la imagen, un id, y el width y height del preview, estos campos los lleno con un calculo que realizo antes del insert, si el width o el height que recibo del form(la foto), es mayor que 100x90 (Mi marco) entonces, dependiendo de que sea mayor, el width o el height, con un while &gt; 100 o 90 le resto 5 px. (ES DECIR, EL WHILE SE VA A REPETIR MIENTRAS LA IMAGEN SIGA SIENDO MAYOR QUE EN MARCO), luego almaceno estos valores en la tabla.
Y en mi galeria, cuando muestro los previews, los muestro con las medidas de la BD y asi siempre quedan dentro del marco y no quedan deformes!

Espero poder ayudar a alguien..
Saludos...

[B]http://www.alejandroperez.com<br><IMG src="http://www.microsoft.com/traincert/images/logos/mcp.gif" border="0">******<IMG src="http://mipagina.cantv.net/eyeyei/logo.jpg">

[eyeyei]

Ahh, me olvidaba.. quien quiera el codigo.. con gusto se lo paso ;)

[B]http://www.alejandroperez.com<br><IMG src="http://www.microsoft.com/traincert/images/logos/mcp.gif" border="0">******<IMG src="http://mipagina.cantv.net/eyeyei/logo.jpg">

[Owen-Bonilla]

Hola que tal !!
Bueno, la verdad no tengo idea de como le haga MSN.

Aquí en mi trabajo usamos algo parecido, tomamos fotos en antros y las publicamos. Logicamente tenemos fotos chicas ( thumb..) y las fotos normales.

Para cambiar tamaños cree un script ( que corremos en Fireworks mx ) que automaticamente, me genera las fotos chicas y a las fotos grandes automaticamente las ajusta al tamaño ( ademas de agregarles el logo de la empresa).

Si gustan puedo poner aqui el script, para que algúien lo adapte a VBS ... no s emucho de eso, por eso no lo hago.

Puede que esto pueda servirnos a todos ya que es un codigo que genera las fotos chicas, las grandes las a justa a &quot;X&quot; tamaño, etc... claro, esto bajo Fireworks..

Saludos

Owen Bonilla
Webmaster Weblaguna S. C.
[email protected]
[email protected]

[lexus]

Hola

te agradezco eyeyei por haber logrado hacer eso, hace mucho estaba buscando eso para implemetarlo en mi sitio.. te agradeceria si me lo envias a mi email
es [email protected]


muchas gracias eyeyei



LEXUS




<img src="http://www.lexus.com/images/nav/nav_i_logo.gif" width="109" height="47" alt="Lexus" border="0">

[choroy]

Buenas, si me lo pudieras mandar a mi tambien, me vendria muy bien, parece muy interesante tu creacion.

Mi e-mail es: [email protected]

Saludos y gracias.

[RootK]

Hola eyeyei, sería mucho pedir si publicas tu code para que todos podamos ver tu trabajo.. porque si lo pedimos por mail creo que no terminarías porque creo que la mayoría estaríamos interesados.. :P

...Bueno, esa podría ser una alternativa.. de todas formas si eres tan amable espero con gusto tu code a mi mail que es:
[email protected] :)

Saludos

<html><center><embed src="http://www.angelfire.com/on/cobainss/Movie1.swf" height=80 width=200><BR></embed></center></html>

[eyesfire]

OK, nunca he hecho algo asi, pero talvez ayude lo que voy a decir, la etiqueta &lt;p&gt; funciona para que cuando uno escriba algo en un lugar determinado no se pase de las ventana establesida, podrian probar anteponiendo esta etiqueta a la imagen dentro de la celda &quot;talvez&quot; y digo &quot;talvez&quot; ayude a que la imagen no se pase del tamaño de la celda ya establezida.-
No se si se entienden, ok si no pueden probar mapeando sus imagenes asi cuando pongan el cursor sobre ella esta les dira las dimenciones.--

[itatpc]

No, la etiqueta &lt;p&gt; no evita que la imagen desborde la caja que la contiene. Yo he estado probando con estilos, concretamente con &quot;overflow&quot;, pués según las especificaciones del w3c respecto a css2, este estilo sí que permite ajustar el contenido al tamaño de la caja (oculta la parte que sobresaldría). Pero por más que he probado, no me funcionó... ¿Alguien sabe algo de esto?

[eyeyei]

Hola a todos!
Bueno... monte un txt para que todos puedan leerlo.. quizas les sirva de algo...
Con respecto a overflow... Ni me hablen de eso! Jamas pude!!! Jajaja..

Aqui esta el URL:

http://www.jodedera.com/alejandro/codigo.txt

Saludos a todos!
Alejandro Pérez

[B]http://www.alejandroperez.com<br><IMG src="http://www.microsoft.com/traincert/images/logos/mcp.gif" border="0">******<IMG src="http://mipagina.cantv.net/eyeyei/logo.jpg">

[eyeyei]

Olvidenlo.. quizas a algunos les da conflicto el txt.. el explorer se la da de vivo y convierte el codigo a html

Jajaja..

Se los dejo en zip..

www.jodedera.com/alejandro/codigo.zip

[B]http://www.alejandroperez.com<br><IMG src="http://www.microsoft.com/traincert/images/logos/mcp.gif" border="0">******<IMG src="http://mipagina.cantv.net/eyeyei/logo.jpg">

[itatpc]

xacto! me salió el formulario y todo...

overflow =

[eyeyei]

[B]http://www.alejandroperez.com<br><IMG src="http://www.jodedera.com/images/wallpapers/1024x768.jpg" border="0">******<IMG src="http://mipagina.cantv.net/eyeyei/logo.jpg">

[eyeyei]

oK.. Disculpen por eso :S pense que Forosdelweb controlaba de alguna manera las firmas.. pienso.. como sugerencia deberian controlar esto...

Saludos

[B]http://www.alejandroperez.com<br><IMG src="http://www.microsoft.com/traincert/images/logos/mcp.gif" border="0"> <IMG src="http://mipagina.cantv.net/eyeyei/logo.jpg">

[Mickel]

Si no vas a hacer de esto un concurso de quien pone la imagen mas distorsionada, seria bueno que elimines ese mensaje, no?

[ElAprendiz]

<center><IMG SRC="http://www.550m.com/usuarios/altolacruz/aprendiz3.gif" ALT="Visitame en AlSurNet.com -- E-Learning E-Commerce Multimedia E-Business--"></center>