Estou tentando experimentar um plugin jQuery
chamado vegas
para fazer um background fullscreen mas não está dando certo, fiz de acordo com o que está no site, importei todas as bibliotecas, a jQuery
e os arquivos .css
do Vegas
. Meu códigoe está assim:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="">
<title>Untitled</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="js/vegas/vegas.css">
<link rel="stylesheet" href="css/reset.css">
<script src="js/vegas/vegas.js"></script>
<script src="js/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
$('body').vegas({
slides: [
{ src: 'img/slide1.jpg' },
{ src: 'img/slide2.jpg' },
{ src: 'img/slide3.jpg' },
{ src: 'img/slide4.jpg' },
{ src: 'img/slide5.jpg' }
]
});
</script>
</body>
</html>
Código CSS do body:
body{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-size: 1.4rem;
color: #292929;
background: #000;
}
E o local da imagem está correto e linkado na função do plugin.