40 lines
1.8 KiB
HTML
40 lines
1.8 KiB
HTML
{% load static %}
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
|
|
<!-- карусель -->
|
|
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
|
|
<script type="text/javascript" src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
|
|
<script type="text/javascript" src="{% static 'js/slick.min.js' %}"></script>
|
|
<!-- Добавленный сварачивания -->
|
|
<script>
|
|
const navbarToggler = document.querySelector('.navbar-toggler');
|
|
const navbarCollapse = document.querySelector('.navbar-collapse');
|
|
|
|
navbarToggler.addEventListener('click', function () {
|
|
navbarCollapse.classList.toggle('collapse');
|
|
});
|
|
</script>
|
|
<!-- Добавьте скрипт для работы слайдера -->
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('.slider-for').slick({
|
|
slidesToShow: 1,
|
|
slidesToScroll: 1,
|
|
arrows: false,
|
|
fade: true,
|
|
asNavFor: '.slider-nav'
|
|
});
|
|
|
|
$('.slider-nav').slick({
|
|
slidesToShow: 3,
|
|
slidesToScroll: 1,
|
|
asNavFor: '.slider-for',
|
|
dots: true,
|
|
centerMode: true,
|
|
focusOnSelect: true
|
|
});
|
|
});
|
|
</script>
|
|
|