Skip to main content
se agrega etiqueta relevante
Origen Enlace
Ruslan López
  • 11.8k
  • 14
  • 44
  • 88

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: 'https://i.sstatic.net/oURrw.png'
    },
    {
      src: 'http://i.imgur.com/SZPjHwz.jpg'
    },
    {
      src: 'https://i.sstatic.net/oURrw.png'
    },
    {
      src: 'https://pbs.twimg.com/media/Cg0x8vnXEAEB2Le.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
  });
});
<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vegas/2.4.0/vegas.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/vegas/2.4.0/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>
$(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
  });
 });
 

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
  });
 });

$(document).ready(function() {
  var imagecollection = [{
      src: 'https://i.sstatic.net/oURrw.png'
    },
    {
      src: 'http://i.imgur.com/SZPjHwz.jpg'
    },
    {
      src: 'https://i.sstatic.net/oURrw.png'
    },
    {
      src: 'https://pbs.twimg.com/media/Cg0x8vnXEAEB2Le.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
  });
});
<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vegas/2.4.0/vegas.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/vegas/2.4.0/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>
 

Hola buen dia tengo un problema con la instalacion de este plugin. No es mucha ciencia tampoco pero no me funciona, no se por que será.

acáAcá esta la instalaciónel tutorial que estoy utilizando: http://vegas.jaysalvat.com/documentation/setup/

Y así es como lo tengo:

HTMLHTML :

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

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. */ ];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.

Hola buen dia tengo un problema con la instalacion de este plugin. No es mucha ciencia tampoco pero no me funciona, no se por que será.

acá esta la instalación: http://vegas.jaysalvat.com/documentation/setup/

Y así es como lo tengo:

HTML :

<!DOCTYPE html>
sadasdasdas

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.

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.

Origen Enlace
Juampi
  • 422
  • 5
  • 16

Problema con background slideshow JQUERY

Hola buen dia tengo un problema con la instalacion de este plugin. No es mucha ciencia tampoco pero no me funciona, no se por que será.

acá esta la instalación: http://vegas.jaysalvat.com/documentation/setup/

Y así es como lo tengo:

HTML :

<!DOCTYPE html>
sadasdasdas

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.