Skip to main content
3 de 4
se añadieron 93 caracteres en el cuerpo

Yap creo que ya lo solucioné.

En el html esta mal posicionado las librerias
tiene que ir primero la librerias de css luego la libreria de jquery y despues la librerias js de vegas y posteriormente tu script.

 
<!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>

funcionando.