MediaWiki:Gadget-SlickCarousel.js
Перейти к навигации
Перейти к поиску
Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
// Загрузка CSS Slick Carousel
mw.loader.load('https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css', 'text/css');
// Загрузка JS Slick Carousel и инициализация
$.getScript('https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js', function() {
mw.hook('wikipage.content').add(function() {
$('.slick-carousel').slick({
autoplay: true, // Автоматическая прокрутка
dots: true, // Отображение точек навигации
arrows: true, // Отображение стрелок навигации
infinite: true, // Бесконечная прокрутка
speed: 300, // Скорость анимации
slidesToShow: 1, // Количество отображаемых слайдов
slidesToScroll: 1 // Количество прокручиваемых слайдов
});
});
});