Этот вопрос закрыт для ответов, так как повторяет вопрос Как сделать autoplay?
@Ivan_Worker

Как исправить ошибку?

Я хочу сделать 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,
});
  • Вопрос задан
  • 629 просмотров
Ответы на вопрос 1
@magarif
Программист
Этот блок
jquery-migrate-git.min.js net::ERR_FILE_NOT_FOUND

Говорит, что не нашелся файл jquery-migrate-git.min.js, проверьте расположение. Он должен лежать рядом с файлом html страницы

Этот блок
preloader.js:1 Uncaught ReferenceError: $ is not defined
at preloader.js:1

Говорит, что не нашелся объект в переменной &

Замените блок head на этот
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="GLAV.css">

  <script
    src="https://code.jquery.com/jquery-3.3.1.slim.js"
    integrity="sha256-fNXJFIlca05BIO2Y5zh1xrShK3ME+/lYZ0j+ChxX2DA="
    crossorigin="anonymous"></script>

  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
  <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>

  <script type="text/javascript" src="preloader.js"></script>
</head>


я убрал jquery-migrate-git.min.js и добавил подключение jquery и slickSlider
Ответ написан
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы