File manager - Edit - /home/verseaumee/geniouskin/wp-content/plugins/powerpack-lite-for-elementor/assets/js/frontend-scroll-image.js
Back
(function ($) { $( window ).on( 'elementor/frontend/init', () => { class ScrollImageWidget extends elementorModules.frontend.handlers.Base { getDefaultSettings() { return { config: { transformOffset: null }, selectors: { container: '.pp-image-scroll-container', overlay: '.pp-image-scroll-overlay', scrollOverlay: '.pp-image-scroll-overlay', verticalScroll: '.pp-image-scroll-vertical', imageScroll: '.pp-image-scroll-image img', }, }; } getDefaultElements() { const selectors = this.getSettings( 'selectors' ); return { $container: this.$element.find( selectors.container ), $overlay: this.$element.find( selectors.overlay ), $scrollOverlay: this.$element.find( selectors.scrollOverlay ), $verticalScroll: this.$element.find( selectors.verticalScroll ), $imageScroll: this.$element.find( selectors.imageScroll ), }; } bindEvents() { this.init(); } init() { const direction = this.getElementSettings('direction_type'), reverse = this.getElementSettings('reverse'), trigger = this.getElementSettings('trigger_type'), scrollElement = this.elements.$container; if ( trigger === 'scroll' ) { scrollElement.addClass('pp-container-scroll'); if ( direction === 'vertical' ) { this.elements.$verticalScroll.addClass('pp-image-scroll-ver'); } else { scrollElement.imagesLoaded(function() { this.elements.$scrollOverlay.css( { 'width': imageScroll.width(), 'height': imageScroll.height() } ); }); } } else { if ( reverse === 'yes' ) { scrollElement.imagesLoaded(function() { scrollElement.addClass('pp-container-scroll-instant'); this.setTransform(); this.startTransform(); }.bind( this )); } if ( direction === 'vertical' ) { this.elements.$verticalScroll.removeClass('pp-image-scroll-ver'); } scrollElement.mouseenter(function() { scrollElement.removeClass('pp-container-scroll-instant'); this.setTransform(); reverse === 'yes' ? this.endTransform() : this.startTransform(); }.bind( this )); scrollElement.mouseleave(function() { reverse === 'yes' ? this.startTransform() : this.endTransform(); }.bind( this )); } } startTransform() { const settings = this.getSettings(); const direction = this.getElementSettings('direction_type'); this.elements.$imageScroll.css( 'transform', ( direction === 'vertical' ? 'translateY' : 'translateX' ) + '( -' + settings.config.transformOffset + 'px)' ); } endTransform() { const direction = this.getElementSettings('direction_type'); this.elements.$imageScroll.css( 'transform', ( direction === 'vertical' ? 'translateY' : 'translateX' ) + '(0px)' ); } setTransform() { const settings = this.getSettings(); const direction = this.getElementSettings('direction_type'); if ( direction === 'vertical' ) { settings.config.transformOffset = this.elements.$imageScroll.height() - this.elements.$container.height(); } else { settings.config.transformOffset = this.elements.$imageScroll.width() - this.elements.$container.width(); } } } elementorFrontend.elementsHandler.attachHandler( 'pp-scroll-image', ScrollImageWidget ); } ); })(jQuery);
| ver. 1.4 |
Github
|
.
| PHP 8.5.7 | Generation time: 0 |
proxy
|
phpinfo
|
Settings