ПОМОГИТЕ я открываю код в опере, а консоль выдает ошибку: Failed to load resource: net::ERR_FILE_NOT_FOUND на javascript. работаю в visual studio code. script.js у меня находится в папке js. ниже напишу какой html, css и javascript код использую, помогите найти там ошибку
HTML:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Image Carousel</title> <link rel="stylesheet" href="styles.css"> <link rel="stylesheet" type="text/css" href="node_modules/slick-carousel/slick/slick.css"/> <link rel="stylesheet" type="text/css" href="node_modules/slick-carousel/slick/slick-theme.css"/> </head> <body> <div class="carousel"> <div><img src="https://img.razrisyika.ru/kart/126/1200/503246-sobachka-shpic-30.jpg" alt="Image 1"></div> <div><img src="https://dogsm.ru/par/files/nemeckiy-pomeranskiy-shpic/nemeckiy-pomeranskiy-shpic_64.jpeg" alt="Image 2"></div> <div><img src="https://mirfauni.cdnbro.com/posts/7970104-kremovyi-okras-shpitsa-1.jpg" alt="Image 3"></div> </div> <script src="h t t p s : //code . jquery.com/jquery-3.6.0.min.js"></script> <script src="node_modules/slick-carousel/slick/slick.min.js"></script> <script src="/js/script.js"></script> </body> </html> (там где https и другие символы в ссылке через пробелы это специально, потому что майл.ру не пропустил нормальную ссылку)
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Image Carousel</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" type="text/css" href="node_modules/slick-carousel/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="node_modules/slick-carousel/slick/slick-theme.css"/>
</head>
<body>
<div class="carousel">
<div><img src="https://img.razrisyika.ru/kart/126/1200/503246-sobachka-shpic-30.jpg" alt="Image 1"></div>
<div><img src="https://dogsm.ru/par/files/nemeckiy-pomeranskiy-shpic/nemeckiy-pomeranskiy-shpic_64.jpeg" alt="Image 2"></div>
<div><img src="https://mirfauni.cdnbro.com/posts/7970104-kremovyi-okras-shpitsa-1.jpg" alt="Image 3"></div>
</div>
<script src="h t t p s : //code . jquery.com/jquery-3.6.0.min.js"></script>
<script src="node_modules/slick-carousel/slick/slick.min.js"></script>
<script src="/js/script.js"></script>
</body>
</html>
(там где https и другие символы в ссылке через пробелы это специально, потому что майл.ру не пропустил нормальную ссылку)
CSS:
.carousel {
width: 80%;
margin: 0 auto;
}
.carousel img {
width: 30%;
height: auto;
}
JAVASCRIPT:
$(document).ready(function(){
$('.carousel').slick({
dots: true,
infinite: true,
speed: 500,
fade: true,
cssEase: 'linear'
});
});