Llamar imagenes desde una carpeta sin especificar el nombre de cada una Hola
Estoy haciendo una pagina y necesito que la imagen de fondo cambie de tamaño según la resolución de la pantalla y aparte necesito que cada vez que la pagina se recargue la imagen de fondo sea seleccionada al azar desde la siguiente ruta: images/proyectos/principal, donde todas las imagenes seran .jpg y serán subidas desde un administrador de contenido por el cliente
estoy usando el bg stretcher Jquery Plugin (http://www.ajaxblender.com/bgstretcher-2-jquery-stretch-background-plugin-updated.html)
ya logre setearlo para que tome como default la opcion random y cambie la imagen solo al cargar la pagina pero no se como hacer que cargue las imagenes sin especificar el nombre de cada una en el código fuente, ya que es imposible determinar cuantas imagenes van a haber en la carpeta ni como se van a llamar
este es el codigo que tengo
<script type="text/javascript">
$(document).ready(function(){
// Initialize Backgound Stretcher
$('BODY').bgStretcher({
images: ['images/sample-1.jpg', 'images/sample-2.jpg', 'images/sample-3.jpg', 'images/sample-4.jpg', 'images/sample-5.jpg', 'images/sample-6.jpg'],
imageWidth: 1024,
imageHeight: 768,
slideDirection: 'N',
slideShowSpeed: 1000,
transitionEffect: 'superSlide',
sequenceMode: 'random',
buttonPrev: '#prev',
buttonNext: '#next',
pagination: '#nav',
anchoring: 'left center',
anchoringImg: 'left center'
});
});
</script>
como pueden ver la ruta de las imagenes esta determinada con el nombre de cada una... y eso es lo que necesito cambiar
a alguien se le ocurre como puedo lograr esto?
