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.