vegasを使っての背景画像スライドショー
参考サイト通りにやってみたのですが、スライドどころか画像すら表示されません。原因がわかりません。
どなたかご教授お願いします。
<参考サイト>(http://www.tipdip.jp/tips_posts/production/2481/)
HTML
1 <link rel="stylesheet" type="text/css" href="css/vegas.min.css" /> 2 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> //jQueryファイル 3 <script script type="text/javascript" src="js/vegas.min.js"></script> 4 <script script type="text/javascript" src="js/function.js"></script> //Vegas2の設定用のjsファイル 5</head> 6<body> 7 <div id="vegas"></div>
CSS
1#vegas { 2 width: 100vw; 3 height: 100vh; 4}
JS
1$(function () { 2 $('#vegas').vegas({ 3 slides: [ 4 { src: './images/vegas_sample01.jpg' }, 5 { src: './images/vegas_sample02.jpg' }, 6 { src: './images/vegas_sample03.jpg' }, 7 { src: './images/vegas_sample04.jpg' } 8 ], 9 }); 10});