Я хочу сделать autoplay, но не получается. Мне в консоли выдаёт:
GET ********************************************************************************************************************************v****************/jquery-migrate-git.min.js net::ERR_FILE_NOT_FOUND
preloader.js:1 Uncaught ReferenceError: $ is not defined
at preloader.js:1
Вот html
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="GLAV.css">
<script type="text/javascript" src="jquery-migrate-git.min.js"></script>
<script type="text/javascript" src="preloader.js"></script>
</head>
<body>
<div class="menu">
<div class="text_perehod">
<nav>
<ul>
<img src="gold.jpg" style="width:30px; height:28px; ">
<li style="font-size:20px; color:#FFD700;">Golden horseshoe!</li>
<li><a href="#">Главная</a></li>
<li><a href="#">Меню</a></li>
<li><a href="#">Наше расположение</a></li>
<li><a href="#"><img src="icons8-vk.com-filled-32.png"></a></li>
<li><a href="#"><img src="icons8-instagram-32.png"></a></li>
<li><a href="#"><img src="icons8-facebook-32.png"></a></li>
<li><a href="#"><img src="icons8-твиттер-filled-32.png"></a></li>
</ul></nav>
</div>
</div>
<!--
Слайдер в начале
-->
<div class="foot1">
<div class="foot"><img src="http://belgorod.bezformata.com/content/image286408712.jpg"></div>
<div><img src="http://ulanude.bezformata.com/content/image286456236.jpg"></div>
<div><img src="http://moskva.bezformata.com/content/image286187345.jpg"></div>
</div>
</body>
</html>
Вот css
body {
background: #20262E;
padding: 20px;
}
nav{
background-color:#B85900;
}
nav ul {
padding:0;
margin:0;
list-style: none;
}
nav ul li {
margin: 0px -7px 0 0;
display:inline-block;
}
nav a {
display:block;
color:#FFD700;
font-size:20px;
margin-left: 35px;
}
nav a:hover {
color:#05A4B4;
}
И JS из-за которого всё и не получается!
$('.foot').slick({
slidesToShow: 2,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
});