Imágenes escalables suavizadas sin Flash
1 seguidor
Hola.
Viendo la nueva web de
http://www.thesixtyone.com/#/top/
Me he fijado que las imágenes de fondo se enfocan y suavizan al redimensionarlas.
Hasta ahora, que yo sepa eso solo se podía hacer con el Bitmap object de flash. Pero esto no parece usar flash.
He descartado que sea el renderizado del navegador o algo que se ejecute en el servidor porque eso requeriría enviar la imagen de nuevo enfocada cada vez que redimensionas y esto parece ir muco más rápido.
¿alguna idea?
bisbis
Gracias por responder Sanyaissues, pero si lees mi post no pregunto como hacer que un background se estire, lo cual es realmente simple, sino que si te fijas en la web que he puesto de ejemplo, la imagen de suaviza y enfoca cada vez que su tamaño cambia, cosa que solo se podía hacer en flash hasta ahora (o eso creo desde mi humilde conocimiento técnico).
Usuario desconocido
La página tiene una imagen de fondo que es actualizada con javascript. Si ves el código tienen algo como:
<img id="background_image" src="http://s3.amazonaws.com/thesixtyone_production/photos/artist/e0f29622e9b49208f9828817750fe4dd_desktop" alt="not loaded" style="width: 1362px; height: 873.139px; top: -49px; left: 0px; opacity: 0.99; ">Hay una función que se encarga de actualizar la imagen cuando el navegador cambia de tamaño.
Hay varios scripts por ahí que hacen el efecto:
http://buildinternet.com/project/supersized/default.php
http://css-tricks.com/examples/FullPageBackgroundImage/
http://css-tricks.com/examples/FullPageBackgroundImage/tech2.html
http://www.ajaxblender.com/script-sources/bgstretcher/demo/index.html