Yap creo que ya lo solucioné. En el html esta mal posicionado las librerias<br> Resulta que para que funcione todo necesitas que las librerías estén ordenadas de cierta manera el html tiene la gracias de cargar desde arriba hacia abajo.<br> Primero tiene que ir el la libreria de `jquery`, porque carga todas las funciones y dependencias que usa vegas, por lo tanto depues cargas `vegas.min.js` para que funcione.<br> Depues usas el script o en este caso mi script en el html ya que cargue antes las funciones y propiedades de vegas en el archivo `vegas.min.js` el css de `vegas.min.css` puede ir antes ya que solo carga estilos nada mas. espero que sirva esta explicación. Saludos. <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-html --> <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vegas/2.4.0/vegas.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/vegas/2.4.0/vegas.js"></script> <script> $(document).ready(function() { var imagecollection = [ {src: 'https://i.imgflip.com/fmohn.jpg'}, {src: 'https://i.imgflip.com/fmohn.jpg'}, {src: 'https://i.imgflip.com/fmohn.jpg'}, {src: 'https://i.imgflip.com/fmohn.jpg'} /* Slideshow not working? Check your image links. */ ]; $("#ShowSlideShowHere").vegas({ slides: imagecollection, transition: 'fade', preloadImage: true, timer: true, shuffle: true, delay: 5000, animation: 'kenburns', cover: true }); }); </script> </head> <body> <div style="height:100vh"> <div id="ShowSlideShowHere" style="height:100vh">sadasdasdas</div> </div> </body> </html> <!-- end snippet --> funcionando.