Hola a todos.
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