javascript para varias imagenes background

[fanny0]

LA idea es que cada una de estas imagenes se pueda adaptar bien a la pantalla del tamaño que sea


http://maprao.cl/maprao/

no se como hacerlo en java... lo leí por ahí, en una explicación, ya tiene una adaptada, la primera... pero las otras no....

si alguien me puede ayudar un poco...

[Reedyseth]

Nada mas una aclaracion, java no es lo mismo que Javascript.

Si tienes una imagen pequeña y la redimensionas se va a pixelear toda, lo idela que que tengas una imagen de alta resolucion y esa la redimensionas al tamaño que quieras, puedes usar un plugin de jQuery para trabajar con esto.

Entre al sitio que pegaste pero en mi pantalla no se redimensiono, saludos...

[fanny0]

va que raro... lo probé en todos los navegadores... que navegador ocupas?

[fanny0]

sabes como puedo desactivar la opción para celulares?

[Reedyseth]

Uso Chrome 25.0.1364.97, la pagina no se ajusta el tamano como dices que deberia de hacerlo, o tal vez no veo el comportamiento que deseas, pero ni la pagina ni las imagenes se reajustan a resolucion.

Para desactivarlo primero tienes que saber si el usuario esta usando una desktop o un movil, para lograr esto hay varias librerias de Javascript, te puedo sugerir una que se llama modernizr para verifcar el tipo de dispositivo que visualiza tu contenido web.

[fanny0]

Tengo la ultima versión y tenía la anterior y se adapta perfecto, debe ser algo de tu computadora, inclusive lo revisaron en mac

Versión 25.0.1364.152 m

voy a probar modernizr

muchas gracias

sldos cordiales!

[Reedyseth]

Puede ser !! dale una checada a ese modernizr que es muy bueno tambien para crear la compatibilidad de html5 y css3.

[madman_18]

Puedes probar utilidades de jQuery como vegas jQuery o backstretch (creo que se escribe así). Búscalos por google :)

Te paso los enlaces

Vegas:

http://vegas.jaysalvat.com/

Backstretch

http://srobbin.com/jquery-plugins/backstretch/

Ambos permiten con javascript configurar varios fondos que se adapten totalmente a la resolución de la pantalla :)

[fanny0]

ok, lo voy a ver...

muchas gracias!

[fanny0]

Hola descargué el archivo que decía y acá están las instrucciones, en realidad nunca he trabajado con jquery, asi que es lo que debería hacer?

acá aparece como utilizarlo como background

http://vegas.jaysalvat.com/documentation/background/

alguien puede ayudarme en eso... onda lo básico...

gracias

[madman_18]

Iniciado por fanny0

Hola descargué el archivo que decía y acá están las instrucciones, en realidad nunca he trabajado con jquery, asi que es lo que debería hacer?

acá aparece como utilizarlo como background

http://vegas.jaysalvat.com/documentation/background/

alguien puede ayudarme en eso... onda lo básico...

gracias

Yo lo he usado bastante y la verdad que funciona bastante bien.

Lo único que necesitarías sería la línea de código tal como esta:

Código Javascript:

<script type='text/javascript'>
$(window).ready(function(){ //con esto estás indicando que se lanza cuando la ventana está cargada.
 
$.vegas({
src : 'imagenes/fondo.jpg' //aquí pones la ruta donde está tu imagen que quieres de fondo.
});
 
});
</script>
 

Ya si quieres utilizar varias como fondos, ve la documentación bajo el título slideshow.

[fanny0]

ah...si si me funcionó con el script... pero no puedo poner un form arriba de un jquery T_T


http://maprao.cl/maprao2/


gracias...