Estoy creando un web y he decidido poner un fondo con un slide de imagenes fijas.
El problema con el que me encuentro es que debo darle un tamaño a las imagenes para que se me muestren bien, y no se como poner dentro de la función que se muestre el 100% siempre.
Esta es la función:
Código Javascript:
Ver original
<script> $(function(){ $('BODY').bgStretcher({ images: ['imagenes/fondo_chicas.jpg','imagenes/fondo_el2.jpg','imagenes/fondo_piernas.jpg','imagenes/fondo_pareja.jpg'], imageWidth: 2000, imageHeight: 950, resizeProportionally:true, slideDirection: 'N', slideShowSpeed: 1500, transitionEffect: 'fade', sequenceMode: 'normal', pagination: '#nav' }); }); </script>
Las imagenes tienen un tamaño de 1600px de ancho por 964 px de alto y para que se muestren con la configuración de mi pc le he tenido que poner en la funcion 2000*950.
Mi intención es que no importa si se ve de una pantalla mas grande o mas pequeña o de un movil o de tablet.... que siempre se adapte al tamaño de la pantalla donde se muestra.
en imageWidth y en imageHeight de la funcion intento poner 100%, pero la verdad no se como armar la función para que me haga lo que necesito.
¿Alguna idea?
Muchas gracias por adelantado
Raúl