#javascript #jquery
Вопрос:
Я добавил все необходимые файлы js и css, но все равно получаю эту ошибку. Я делюсь своим сценарием заголовка : это плагин jquery slider, который я скачал с github и пытаюсь интегрировать в веб-приложение laravel
<link rel="stylesheet" type="text/css" href="{{asset('css/bootcamp.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('css/lightslider.css')}}">
<style>
.bootcamp-body{
background: white;
color: black;
}
.content{
}
.content-slider{
list-style: none outside none;
padding-left: 0;
margin: 0;
}
.demo .item{
margin-bottom: 60px;
}
.content-slider li{
background-color: #ed3020;
text-align: center;
color: #FFF;
}
.content-slider h3 {
margin: 0;
padding: 70px 0;
}
.demo{
width: 800px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src='{{asset('js/lightslider.js')}}'></script>
<script>
$(document).ready(function() {
$("#content-slider").lightSlider({
loop:true,
keyPress:true
});
$('#image-gallery').lightSlider({
gallery:true,
item:1,
thumbItem:9,
slideMargin: 0,
speed:500,
auto:true,
loop:true,
onSliderLoad: function() {
$('#image-gallery').removeClass('cS-hidden');
}
});
});
</script>
Библиотека выглядит (после перехода по ссылке) :
Комментарии:
1. можете ли вы поделиться ссылкой на библиотеку?
2. Я уже сделал 🙂 <скрипт src=» ajax.googleapis.com/ajax/libs/jquery/3.5.1/… >
3. нет, это jquery, я прошу ссылку на библиотеку lightslider
4. здесь : sachinchoolur.github.io/lightslider
5. Библиотека не загружена. Файл может отсутствовать в указанном каталоге. Не могли бы вы открыть исходный код просмотра веб-страницы, а затем щелкнуть ссылку на библиотеку и посмотреть, что показано ? это 404 или библиотека загружается после этого