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

Файловый менеджер - Редактировать - /home/kunzqhe/www/wp-content/themes/themify-ultra/themify/js/modules/themify.carousel.js

Назад
/** * carousel module / ; (function (Themify, document) { 'use strict'; const self = Themify, loaded = {}, loadedImages = {}, v = themify_vars['s_v'], cssUrl = Themify.url + '/css/swiper/', jsUrl = Themify.jsUrl + 'swiper/', removeLoader = function (item,remove) { const p = item.parentNode, slide = p.closest('.swiper-slide'); if(remove!==false){ item.classList.remove('tf_svg_lazy'); } p.classList.remove('tf_lazy'); p.parentNode.classList.remove('tf_lazy'); slide.classList.remove('tf_lazy'); slide.classList.add('tf_swiper_lazy_done'); }, createVideo = function (url) { const attr = Themify.parseVideo(url); let iframe; if (attr.type === 'youtube' \|\| attr.type === 'vimeo') { let src = '', allow = ''; iframe = document.createElement('iframe'); let queryStr=url.split('?')[1]; const params=queryStr?new URLSearchParams(queryStr):false; if (attr.type === 'youtube') { src = 'https://www.youtube.com/embed/' + attr.id + '?autohide=1&border=0&wmode=opaque&playsinline=1'; if(params){ const t=params.get('t'), list=params.get('list'); if(t){ src+='&start='+t; } if(list){ src+='&list='+list; } } allow = 'accelerometer;encrypted-media;gyroscope;picture-in-picture;autoplay'; } else { src = '//player.vimeo.com/video/' + attr.id + '?portrait=0&title=0&badge=0'; allow = 'fullscreen;autoplay'; } src+=params && params.get('autoplay')?'&autoplay=1':''; iframe.className = 'tf_abs'; iframe.setAttribute('allow', allow); iframe.setAttribute('src', src); } else { iframe = document.createElement('video'); iframe.setAttribute('webkit-playsinline','1'); iframe.setAttribute('playsinline','1'); iframe.src = url; iframe.controls = true; } iframe.className+=' tf_w tf_h'; return iframe; }, transitionStart = function () { Themify.trigger('tf_swiper_transition_start_begin', [this, this.activeIndex]); if (this.activeIndex > this.params.slidesPerView && this.params.slidesPerView !== 'auto') { const max = this.activeIndex + this.params.slidesPerView, im = new Image(); for (let i = this.activeIndex; i < max; ++i) { if (this.slides[i]) {// cache Themify.trigger('tf_swiper_start_slide_begin', [this, this.slides[i]]); let _images = this.slides[i].getElementsByClassName('tf_svg_lazy'); for (let j = _images.length - 1; j > -1; --j) { if (_images[j].hasAttribute('data-tf-src')) { let src = _images[j].getAttribute('data-tf-src'); if (loadedImages[_images[j]] === undefined) { loadedImages[_images[j]] = true; _images[j].src = src; } } else { removeLoader(_images[j]); } } Themify.trigger('tf_swiper_start_slide_end', [this, this.slides[i]]); } } } Themify.trigger('tf_swiper_transition_start_end', [this, this.activeIndex]); }, transitionEnd = function () { Themify.trigger('tf_swiper_transition_end_begin', [this, this.activeIndex]); const max = this.activeIndex + (this.params.slidesPerView !== 'auto' ? this.params.slidesPerView : this.el.getElementsByClassName('swiper-slide-visible').length), auto = this.params.autoplay && this.params.autoplay.enabled, hasLazy = this.params.lazy !== false, thumb = this.params.thumbs && this.params.thumbs.swiper && this.params.thumbs.swiper.params.autoplay ? this.params.thumbs.swiper.autoplay : false, isStopped = this.el.dataset['stopped'] ? true : false, self = this, limit=this.params.effect === 'flip'?this.slides.length:max; for (let i = (this.params.effect === 'flip'?0:this.activeIndex); i < limit; ++i) { if (this.slides[i]) { Themify.trigger('tf_swiper_end_slide_begin', [this, this.slides[i], hasLazy]); if (hasLazy === true) { let _images = this.slides[i].getElementsByClassName('tf_svg_lazy'), len = _images.length; if (len > 0) { if (isStopped === false) { if (auto) { self.autoplay.stop(); } if (thumb !== false) { thumb.stop(); } } for (let j = len - 1; j > -1; --j) { if (_images[j]) { if (_images[j].hasAttribute('data-lazy')) { Themify.lazyScroll(_images[j], true); Themify.imagesLoad(_images[j], function (instance) { removeLoader(instance.elements[0],false); Themify.trigger('tf_swiper_lazy_start', [self, self.slides[i], instance.elements[0]]); if (j === 0) { if (self.params.autoHeight) { self.updateAutoHeight(self.params.speed, false); } self.updateSize(); self.updateSlides(); if (isStopped === false) { if (auto) { self.autoplay.start(); } if (thumb !== false) { thumb.start(); } } } Themify.trigger('tf_swiper_lazy_end', [self, self.slides[i], instance.elements[0]]); }); } else { removeLoader(_images[j]); if (j === 0 && isStopped === false) { if (auto) { self.autoplay.start(); } if (thumb !== false) { thumb.start(); } } } } } } else { this.slides[i].classList.remove('tf_lazy'); let lazy = this.slides[i].getElementsByClassName('tf_lazy')[0]; if (lazy) { lazy.classList.remove('tf_lazy'); } } } let wrap = this.slides[i].querySelectorAll('.video-wrap[data-url]'), len = wrap.length; if (len > 0) { if (isStopped === false) { if (auto) { self.autoplay.stop(); } if (thumb !== false) { thumb.stop(); } } for (let j = len - 1; j > -1; --j) { wrap[j].appendChild(createVideo(wrap[j].getAttribute('data-url'))); wrap[j].removeAttribute('data-url'); wrap[j].classList.remove('tf_lazy'); } if (self.params.autoHeight) { self.updateAutoHeight(self.params.speed, false); } self.updateSize(); self.updateSlides(); if (isStopped === false) { if (auto) { self.autoplay.start(); } if (thumb !== false) { thumb.start(); } } } Themify.trigger('tf_swiper_end_slide_end', [this, this.slides[i], hasLazy]); } } Themify.trigger('tf_swiper_transition_end', [this, this.activeIndex]); }, onInit = function () { transitionEnd.call(this); if (this.params.autoplay && this.params.autoplay.enabled && this.params.autoplay['disableOnInteraction'] === true) { const self = this, thumb = self.params.thumbs && self.params.thumbs.swiper ? self.params.thumbs.swiper : false; self.el.addEventListener('mouseenter', function () { self.autoplay.stop(); if (thumb !== false && thumb.params.autoplay) { self.params.thumbs.swiper.autoplay.stop(); } if (!this.dataset['stopped']) { this.addEventListener('mouseleave', function () { self.autoplay.start(); if (thumb !== false && thumb.params.autoplay) { self.params.thumbs.swiper.autoplay.start(); } }, {passive: true, once: true}); } }, {passive: true}); if (thumb !== false) { thumb.el.addEventListener('mouseenter', function () { self.autoplay.stop(); this.addEventListener('mouseleave', function () { self.autoplay.start(); }, {passive: true, once: true}); }, {passive: true}); } } this.el.classList.remove('tf_lazy'); this.el.parentNode.classList.remove('tf_lazy'); if (this.params['onInit']) { this.params['onInit'].call(this); } Themify.triggerEvent(this.el, 'tf_carousel_init', this); Themify.trigger('tf_swiper_init', this); if(jQuery.fn.fullpage){ jQuery.fn.fullpage.reBuild(); } }, _init = function (items, options) { for (let i = items.length - 1; i > -1; --i) { if (!items[i].classList.contains('swiper-process') && !items[i].classList.contains('swiper-container-initialized')) { items[i].classList.add('swiper-process'); if (Themify.isRTL) { items[i].setAttribute('dir', 'rtl'); } if(themify_vars.lz){ Themify.lazyScroll(items[i].querySelectorAll('[data-lazy]'), true); } self.imagesLoad(items[i], function (instance) { let hasthumb = false; let el = instance.elements[0], maxLen = el.getElementsByClassName('swiper-slide').length, keys = [], check_modules_load = function () { if (!el.classList.contains('swiper-container-initialized')) { for (let i = keys.length - 1; i > -1; --i) { if (loaded[keys[i]] !== true) { return false; } } const playBtn = data.controllers? document.createElement('a') : false; if (data.slider_nav !== false \|\| data.pager !== false \|\| playBtn !== false) { const navWrap = document.createElement('div'); navWrap.className = 'tf_carousel_nav_wrap carousel-nav-wrap'; if (data.slider_nav !== false) { const prev = document.createElement('a'), next = document.createElement('a'); prev.className = 'tf_box tf_overflow carousel-prev'; next.className = 'tf_box tf_overflow carousel-next'; prev.href = '#'; next.href = '#'; navWrap.appendChild(prev); navWrap.appendChild(next); args.navigation = { disabledClass: 'disabled', nextEl: next, prevEl: prev }; } if (data.pager !== false) { const pager = document.createElement('div'); pager.className = 'tf_clear tf_textc carousel-pager'; navWrap.appendChild(pager); args.pagination = { el: pager, type: data['page_type'] && data['page_type'] !== 'image_pagination' ? data['page_type'] : 'bullets', bulletElement: 'a', modifierClass: 'tf_carousel_', bulletClass: 'tf_carousel_bullet', currentClass: 'selected', bulletActiveClass: 'selected', clickable: true }; if (data['page_type'] === 'image_pagination' \|\| '1' === el.getAttribute('data-page-num')) { const paginationThumbs = data['page_type'] === 'image_pagination'?el.querySelectorAll('[data-swiper-thumb]'):null; args.pagination.renderBullet = function (index, className) { let value = ''; if (paginationThumbs !== null) { if (paginationThumbs[index]) { value = '<img importance="low" decoding="async" src="' + paginationThumbs[index].getAttribute('data-swiper-thumb') + '">'; } } else { value = (index + 1); } return '<a class="' + className + '">' + value + '</a>'; }; } } if (playBtn !== false ) { playBtn.className = 'tf_slider_controller tf_box tf_rel'; playBtn.href = '#'; playBtn.addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); const elm=el.swiper.parent?el.swiper.parent:el, sw = elm.swiper.autoplay, thumbs=elm.swiper.thumbs && elm.swiper.thumbs.swiper?elm.swiper.thumbs.swiper:null; if (this.classList.contains('paused')) { this.classList.remove('paused'); elm.dataset['stopped'] = false; sw.start(); if(thumbs){ thumbs.$el[0].dataset['stopped'] = false; thumbs.autoplay.start(); } } else { this.classList.add('paused'); elm.dataset['stopped'] = true; sw.stop(); if(thumbs){ thumbs.$el[0].dataset['stopped'] = true; thumbs.autoplay.stop(); } } }); navWrap.appendChild(playBtn); } if (!data.nav_out) { el.parentNode.appendChild(navWrap); } else { const next = el.nextElementSibling; if (next === null \|\| !next.classList.contains('tf_lazy')) { el.after(navWrap); } else { next.after(navWrap); } } } if (hasthumb) { const thumb = typeof hasthumb === 'string' ? (hasthumb === 'next' ? el.nextElementSibling : document.getElementsByClassName(hasthumb)[0]) : hasthumb; if (thumb) { if (thumb.swiper) { args['thumbs'] = { swiper: thumb.swiper, multipleActiveThumbs: false }; thumb.swiper.parent=el; } else { thumb.addEventListener('tf_carousel_init', function (e) { if (!el.classList.contains('swiper-container-initialized')) { args['thumbs'] = { swiper: this.swiper, multipleActiveThumbs: false }; thumb.swiper.parent=el; el.firstElementChild.classList.remove('tf_lazy'); new TF_Swiper(el, args); el.classList.remove('swiper-process'); } }, {once: true, passive: true}); if(thumb.hasAttribute('data-lazy')){ Themify.lazyScroll([thumb],true); } return false; } } } el.firstElementChild.classList.remove('tf_lazy'); new TF_Swiper(el, args); el.classList.remove('swiper-process'); } }, loadCssModules=function(cssItems){ if(cssItems){ const css = cssItems.split(','); for (let i = css.length - 1; i > -1; --i) { if (!loaded[css[i] + '-css']) { keys.push(css[i] + '-css'); Themify.LoadCss(css[i], (css[i].indexOf('v=') ? false : null), null, null, function () { loaded[css[i] + '-css'] = true; if (maxLen>1) { check_modules_load(); } }); } } } }; let speed = el.getAttribute('data-speed'); if (speed === 'slow') { speed = 4; } else if (speed === 'fast') { speed = .5; } else if (speed === 'normal') { speed = 1; } const data = options ? options : { wrapvar: el.hasAttribute('data-wrapvar') ? parseInt(el.getAttribute('data-wrapvar')) !== 0 : true, pause_hover: el.hasAttribute('data-pause_hover') ? parseInt(el.getAttribute('data-pause_hover')) !== 0 : true, auto: el.getAttribute('data-auto'), autoRevers:el.getAttribute('data-auto-reverse'), scroll: el.getAttribute('data-scroll'), space: el.getAttribute('data-space') \|\| 0, effect: el.getAttribute('data-effect'), speed: speed, height: el.getAttribute('data-height'), horizontal: el.getAttribute('data-horizontal'), visible: el.getAttribute('data-visible'), pager: el.hasAttribute('data-pager') ? parseInt(el.getAttribute('data-pager')) !== 0 : true, slider_nav: el.hasAttribute('data-slider_nav') ? parseInt(el.getAttribute('data-slider_nav')) !== 0 : true, nav_out: el.getAttribute('data-nav_out'), controllers: parseInt(el.getAttribute('data-controller')) === 1, direction: el.getAttribute('data-direction'), keyboard: el.getAttribute('data-keyboard'), parallax: el.getAttribute('data-parallax'), mousewheel: el.getAttribute('data-mousewheel'), scrollbar: el.getAttribute('data-scrollbar'), freeMode: el.getAttribute('data-freeMode'), thumbs: el.getAttribute('data-thumbs'), page_type: el.getAttribute('data-page_type'), center: el.getAttribute('data-center'), mob_visible: items[i].getAttribute('data-mob-visible'), tab_visible: items[i].getAttribute('data-tab-visible'), breakpoints_mobile: items[i].getAttribute('data-mbreakpoints'), breakpoints_tablet: items[i].getAttribute('data-tbreakpoints'), lazy: parseInt(el.getAttribute('data-lazy-scroll')) !== 0, has_timer:el.getAttribute('data-timer'), css_url: el.getAttribute('data-css_url'), centered: el.getAttribute('data-centered') }, args = { direction: data['direction'] ? data['direction'] : 'horizontal', mousewheel: !!data['mousewheel'], keyboard: !!data['keyboard'], parallax: !!data['parallax'], freeMode: !!data['freeMode'], loop: data.wrapvar !== false, autoHeight: !!(!data['height'] \|\| data['height'] === 'variable'), slidesPerView: data.visible === 'auto' ? data.visible : (data.visible > 0 ? parseInt(data.visible) : 1), slidesPerGroup: data.scroll > 0 ? parseInt(data.scroll) : 1, speed: data.speed ? (parseFloat(data.speed) >= 10 ? 1 data.speed : 1000 * data.speed) : 500, centeredSlides: data.centered === 'true', watchSlidesProgress:true, on: { init: onInit } }; if(Themify.is_builder_active){ args['simulateTouch']=false; } if (maxLen <= 1) { loadCssModules(data['css_url']); Themify.lazyScroll(el.querySelectorAll('[data-lazy]'), true); const cleanLazy = el.querySelectorAll('.tf_lazy,.tf_svg_lazy'), video=el.querySelector('.video-wrap[data-url]'); if(video){ video.appendChild(createVideo(video.getAttribute('data-url'))); video.removeAttribute('data-url'); } for (let k = cleanLazy.length - 1; k > -1; --k) { cleanLazy[k].classList.remove('tf_lazy','tf_svg_lazy'); } el.classList.add('swiper-container-initialized'); if (options && options['onInit']) { options['onInit'].call(); } return; } if (themify_vars.lz \|\| data['lazy'] !== false) { const cleanLazy = el.querySelectorAll('.tf_lazy:not(.swiper-wrapper)'); for (let k = cleanLazy.length - 1; k > -1; --k) { cleanLazy[k].classList.remove('tf_lazy'); } args['preloadImages'] = false; args['on']['transitionStart'] = transitionStart; } else { args['lazy'] = false; Themify.lazyScroll(el.querySelectorAll('[data-lazy]'), true); } if (data['onInit']) { args['onInit'] = data['onInit']; } args['on']['transitionEnd'] = transitionEnd; let effect=data['effect']?data['effect']:''; // Backward compatibility #9463 effect=effect && (effect === 'crossfade' \|\| effect === 'cover-fade' \|\| effect === 'uncover-fade')?'fade':effect; if (effect && effect !== 'scroll' && (effect === 'fade' \|\| effect === 'flip' \|\| effect === 'cube' \|\| effect === 'coverflow')) { args['effect'] = effect; if (effect === 'fade' \|\| effect === 'flip' \|\| effect === 'cube') { args['slidesPerView'] = args['slidesPerGroup'] = 1; data['mob_visible'] = data['tab_visible'] = 0; }else if (effect === 'coverflow' && args['slidesPerView']<2) { args['slidesPerView'] = 2; } if(effect !== 'fade'){ args[effect+'Effect']={ slideShadows: false }; if('cube'===effect){ args[effect+'Effect']['shadow']=false; } } if (!loaded[args['effect']]) { keys.push(args['effect']); } } else { args['effect'] = ''; } if (args['slidesPerView'] === 'auto') { if (data['lazy'] !== false) { args['watchSlidesVisibility'] = true; } } else { if (args['slidesPerView'] > maxLen) { args['slidesPerView'] = maxLen; } if (args['slidesPerGroup'] > args['slidesPerView']) { args['slidesPerGroup'] = args['slidesPerView']; } let count = parseInt(args['slidesPerView']), tabVisible = parseInt(data['tab_visible']), tab_breakpoints=parseInt(data['breakpoints_tablet']), mobVisible = parseInt(data['mob_visible']), mob_breakpoints = parseInt(data['breakpoints_mobile']); if(count>2){ if(!mobVisible){ mobVisible=2; mob_breakpoints=680; } if(!tabVisible){ tab_breakpoints=1024; tabVisible=count<=4?2:3; } } if(mobVisible>0 \|\| tabVisible>0){ args['breakpoints']={}; if(mobVisible>0 && tabVisible!==mobVisible ){ args['breakpoints'][mob_breakpoints] = { slidesPerView: mobVisible, slidesPerGroup: mobVisible }; } if(tabVisible>0 && tabVisible!==count){ args['breakpoints'][tab_breakpoints] = { slidesPerView: tabVisible, slidesPerGroup: tabVisible }; } } } if (data['space'] > 0 && (args['slidesPerView'] > 1 \|\| args['slidesPerView'] === 'auto')) { args['spaceBetween'] = parseFloat(data['space']); } if (data['horizontal'] !== true && ('continuously'===data.effect \|\| (data.auto && data.auto !== '0' && data.auto !== 'off'))) { const auto = 'continuously'===data.effect ? 0.5 : parseFloat(data.auto); args.autoplay = { reverseDirection:!!data['autoRevers'], delay: auto >= 1000 ? auto : 1000 * auto, // in some modules (eg. Tiles) the value is in milliseconds disableOnInteraction: !!(data.pause_hover \|\| data.pause_hover === undefined) }; if(data['has_timer']){ const timer = document.createElement('div'), delay=args.autoplay.delay; timer.className='tf_sw_timer tf_abs'; el.appendChild(timer); args['on']['slideChangeTransitionStart'] = function(p){ let i=0; const progress=function(){ if(i<100){ requestAnimationFrame(progress); timer.style['width']=i+'%'; ++i; } }; setTimeout(function() { },delay); progress(); }; } if (!loaded['autoplay']) { keys.push('autoplay'); } } if (args['mousewheel'] === true && !loaded['mousewheel']) { keys.push('mousewheel'); } if (args['keyboard'] === true && !loaded['keyboard']) { keys.push('keyboard'); } if (args['parallax'] === true && !loaded['parallax']) { keys.push('parallax'); } if (data['thumbs']) { if (typeof data['thumbs'] !== 'string' \|\| (data['thumbs'] === 'next' && el.nextElementSibling !== null && el.nextElementSibling.classList.contains('swiper-container')) \|\| (data['thumbs'] !== 'next' && document.getElementsByClassName(data['thumbs'])[0])) { if (!loaded['thumbs']) { keys.push('thumbs'); } hasthumb = data['thumbs']; } else { delete data['thumbs']; } } if (data['scrollbar']) { if (!loaded['scrollbar']) { keys.push('scrollbar'); } args['scrollbar'] = { draggable: true, hide: true, el: data['scrollbar'] }; } if (args['direction'] === 'vertical' && !loaded['vertical-css']) { keys.push('vertical-css'); } if (args['effect'] !== 'scroll' && args['effect'] !== '' && !loaded[args['effect'] + '-css']) { keys.push(args['effect'] + '-css'); } loadCssModules(data['css_url']); if (args['direction'] === 'vertical' && !loaded['vertical-css']) { Themify.LoadCss(cssUrl + 'vertical.css', null, null, null, function () { loaded['vertical-css'] = true; check_modules_load(); }); } if (args['effect'] !=='' && args['effect'] !== 'scroll' && args['effect'] !== 'coverflow' && !loaded[args['effect'] + '-css']) { Themify.LoadCss(cssUrl + 'effects/' + args['effect'] + '.css', null, null, null, function () { loaded[args['effect'] + '-css'] = true; check_modules_load(); }); }else if(args['effect'] === 'coverflow'){ loaded[args['effect'] + '-css'] = true; check_modules_load(); } if (keys.length > 0) { let found = false; for (let i = keys.length - 1; i > -1; --i) { if (!loaded[keys[i]] && keys[i].indexOf('-css') === -1) { found = true; let url = keys[i] === args['effect'] ? jsUrl + 'effects/' : jsUrl + 'modules/'; Themify.LoadAsync(url + keys[i] + '.min.js', function () { loaded[keys[i]] = true; check_modules_load(); }, v, null, function () { return !!loaded[keys[i]]; }); } } if (found === false) { check_modules_load(); } } else { check_modules_load(); } }); } else{ let sw = items[i].swiper; if (sw && sw.params.autoHeight) { sw.updateAutoHeight(sw.params.speed, false); } } } }, _check = function (items, options) { if (loaded['swiper'] === true && loaded['swiper_css'] === true && loaded['imagesLoad'] === true) { _init(items, options); } }; Themify.on('tf_carousel_init', function (items, options) { if (items instanceof jQuery) { items = items.get(); } else if (items.length === undefined) { items = [items]; } if (typeof options !== 'object') { options = false; } if (!loaded['swiper_css']) { Themify.LoadCss(Themify.css_modules.sw, null, null, null, function () { loaded['swiper_css'] = true; _check(items, options); }); } if (!loaded['imagesLoad']) { Themify.imagesLoad(function () { loaded['imagesLoad'] = true; _check(items, options); }); } if (!loaded['swiper']) { Themify.LoadAsync(Themify.js_modules.sw, function () { loaded['swiper'] = true; _check(items, options); }, v, null, function () { return 'undefined' !== typeof TF_Swiper && 'undefined' !== typeof TF_Swiper.Utils; }); } _check(items, options); }); })(Themify, document);

| ver. 1.4 | Github | . | PHP 7.4.33 | Генерация страницы: 0 | proxy | phpinfo | Настройка