Skip to main content

Problema con background slideshow JQUERY

Hola buen dia tengo un problema con la instalacion de este plugin.

Acá esta el tutorial que estoy utilizando: vegas

Y así es como lo tengo:

HTML :

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="js/vegas/vegas.min.css">
<script src="js/vegas/vegas.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
</head>
<body>
<div style="height:100vh">
<div id="ShowSlideShowHere" style="height:100vh">sadasdasdas</div>
</div>

Y éste es mi JS

$(document).ready(function() 
{
var imagecollection = [
    {src: 'img/slide1.jpg'},
    {src: 'img/slide2.jpg'},
    {src: 'img/slide3.jpg'},
    {src: 'img/slide4.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
  });
 });

Todas las rutas están correctas ya que probé 1 por 1 las librerías y las imágenes y no hay caso, queda en blanco el navegador :/

cualquier ayuda se agradece.

Juampi
  • 422
  • 5
  • 16