Файловый менеджер

Файловый менеджер - Редактировать - /home/harasnat/www/labour/wp-content/themes/woostify/assets/js/topbar-slider.js

Назад
/** * Topbar Slider js * * @package woostify */ (function ($) { 'use strict'; var TopbarSliderMarquee = function() { // Play with this value to change the speed var slideshowEl = document.querySelector('.topbar-slider .marquee-slider'); if ( !slideshowEl ) { return; } slideshowEl.style.display = 'block'; var slideshowElItem = slideshowEl.querySelectorAll('.slider-item'); let slideshowElItemLength = slideshowElItem.length; slideshowElItem.forEach(ele => { ele.style.minWidth = (100 / slideshowElItemLength) + '%'; }); let tickerSpeed = 0; let flickity = null; let isPaused = false; var autoplay = JSON.parse(slideshowEl.getAttribute('data-autoplay')); if (autoplay) { tickerSpeed = 1; } // Functions const dupliateItem = (flickity, index) => { var slider = document.querySelector('.topbar-slider .slider .flickity-slider'); var itemToClone = slider.children[index]; var clone = itemToClone.cloneNode(true); slider.appendChild(clone); flickity.append(clone); // Update Flickity } const update = () => { if (isPaused) return; if (flickity.slides) { flickity.x -= tickerSpeed; flickity.selectedIndex = flickity.dragEndRestingSelect(); flickity.updateSelectedSlide(); flickity.settle(flickity.x); } window.requestAnimationFrame(update); }; const pause = () => { isPaused = true; }; const play = () => { if (isPaused) { isPaused = false; window.requestAnimationFrame(update); } }; if (slideshowEl) { var setting = JSON.parse(slideshowEl.getAttribute('data-setting')); var options = { autoPlay: false, prevNextButtons: false, pageDots: false, draggable: true, wrapAround: true, selectedAttraction: 0.01, friction: 0.25, freeScroll: true, resize: true, cellAlign: 'left' } var flickityOption = Object.assign(options, setting); // Create Flickity flickity = new Flickity('.topbar-slider .marquee-slider', flickityOption ); // Start Ticker flickity.x = 0; for (let index = 0; index < slideshowElItemLength; index++) { dupliateItem(flickity,index); } // Pause on hover/focus slideshowEl.addEventListener('mouseenter', () => pause()); // Unpause on mouse out / defocus slideshowEl.addEventListener('mouseleave', () => play()); flickity.on('dragStart', () => { isPaused = true; }); update(); } window.dispatchEvent(new Event('resize')); } var TopbarSliderSlick = function() { var slideshowEl = document.querySelector('.topbar-slider .slick-slider'); if ( !slideshowEl ) { return; } var slickData = JSON.parse(slideshowEl.getAttribute('data-slick')); var options = { slidesToShow: 1, slidesToScroll: 1, dots: false, arrows: false, infinite: true, } var slickOption = Object.assign(options, slickData); $('.topbar-slider .slick-slider').slick(slickOption); } window.addEventListener('load', function() { TopbarSliderMarquee(); TopbarSliderSlick(); }); document.addEventListener('DOMContentLoaded', function () { }); })(jQuery);

| ver. 1.4 | Github | .