ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / letacommog / letaweb / scripts / libraries

/*
 * Author: Evgeniy Gusarov StMechanus (Diversant)
 * Under the MIT License
 *
 * Version: 2.0.1
 *
 */

;
(function ($) {

var RDParallax = function (element, options) {
        this.options = options;

this.settings = {
            'imageClass': 'parallax_image',
            'patternClass': 'parallax_pattern',
            'contentClass': 'parallax_cnt',
            'wrapClass': 'parallax'
        }

this.$wrap = $(element);

this.$image = $.noop();
    };

RDParallax.prototype = {
        init: function () {
            var parallax = this;
            parallax.isInit = true;
            parallax.createDOM();
            parallax.blur();
            parallax.createListeners();
        },

createDOM: function () {
            var parallax = this;

parallax
                .$wrap
                .addClass(parallax.settings.wrapClass)
                .wrapInner($('<div/>', {
                    'class': parallax.settings.contentClass
                }))
                .prepend($('<div/>', {
                    'class': (parallax.options.pattern ? parallax.settings.patternClass : parallax.settings.imageClass)
                }).css({
                    'background-image': 'url(' + parallax.options.url + ')',
                    'background-color': parallax.options.color
                }));

parallax.$image = parallax.options.pattern ? parallax.$wrap.find('.' + parallax.settings.patternClass) : parallax.$wrap.find('.' + parallax.settings.imageClass);
        },

createListeners: function () {
            this.createResizeListener();
            this.createScrollListener();
        },

createScrollListener: function () {
            var parallax = this;

if (parallax.isMobile()) {
                if (!parallax.options.mobile) {
                    return;
                }
            }

$(window).bind('touchstart', function () {
                parallax.isTouched = true;
            });

$(window).bind('touchend', function () {
                if(parallax.timer){
                    clearTimeout(parallax.timer);
                }

parallax.timer = setTimeout(function () {
                    parallax.isTouched = false;
                }, 1200);
            });

$(window).bind('scroll', function () {
                parallax.move();
            });
            parallax.move();
        },

createResizeListener: function () {
            var parallax = this;

if (parallax.isMobile()) {
                if (!parallax.options.mobile) {
                    return;
                }
            }

if (!parallax.isMobile()) {
                $(window).bind('resize', function () {
                    parallax.resize();
                });
            }

$(window).bind('orientationchange', function () {
                setTimeout(function () {
                    parallax.resize();
                }, 300);
            });

parallax.resize();
        },

move: function () {
            var parallax = this;

if (!parallax.isVisible()) {
                return;
            }

if (parallax.isMobile()) {
                if (!parallax.options.mobile) {
                    return;
                }
            }

var st = $(window).scrollTop(),
                off = parallax.$wrap.offset().top,
                wh = $(window).height(),
                h = parallax.$wrap.outerHeight(),
                ph = parallax.$image.height();

var speed = parallax.options.speed;
            if (speed < 0) {
                speed = 0;
            }
            if (speed > 1) {
                speed = 1;
            }

var step = (st - (off - wh)) / ((off + h) - (off - wh)) * speed;

if (parallax.options.direction == 'normal') {
                var pos = step * (h - ph);
            } else {
                var pos = (1 - step) * (h - ph);
            }

if (parallax.isIE() && parallax.ieVersion() <= 10) {
                parallax.$image.css('top', '' + pos + 'px');
            }
            else if (parallax.isMobile() && parallax.options.mobile) {
                if (parallax.isTouched || parallax.isInit) {
                    parallax.$image.stop().animate({pos: pos}, {
                        step: function (pos) {
                            $(this).css('transform', 'translate3d(0, ' + pos + 'px, 0)');
                        },
                        duration: parallax.options.duration
                    }, parallax.options.easing);

parallax.isInit = false;
                }
            } else {
                parallax.$image.css('transform', 'translate3d(0, ' + pos + 'px, 0)');
            }

if (parallax.isFirefox() && window.devicePixelRatio < 1){
                parallax.$image.css('background-color', '#010101');

setTimeout(function () {
                    parallax.$image.css('background-color', parallax.options.color);
                }, 10);
            }
        },

resize: function () {
            var parallax = this,
                h = Math.max($(window).height(), 500);

if(h < parallax.$wrap.outerHeight()){
                h = parallax.$wrap.outerHeight() + $(window).height() * parallax.options.speed;
            }

parallax.$image.height(h);

setTimeout(function () {
                parallax.move();
                parallax.blur();
            }, 300);
        },

blur: function () {
            var parallax = this;

if (parallax.options.blur && !parallax.isIE() && !parallax.options.pattern) {

$('<img/>', {src: parallax.options.url}).load(function () {
                    var dh = parallax.$image.height() / this.height,
                        dw = parallax.$image.width() / this.width,
                        blur = Math.floor(Math.max(dh, dw));

if (blur > 2) {
                        parallax.$image.css({
                            'filter': 'blur(' + blur + 'px)',
                            '-webkit-filter': 'blur(' + blur + 'px)'
                        });
                    } else {
                        parallax.$image.css({
                            'filter': 'blur(' + 0 + 'px)',
                            '-webkit-filter': 'blur(' + 0 + 'px)'
                        });
                    }
                });

}
        },

isVisible: function () {
            var parallax = this,

windowScroll = $(window).scrollTop(),
                windowHeight = $(window).height(),
                parallaxOffset = parallax.$wrap.offset().top,
                parallaxHeight = parallax.$wrap.outerHeight();

return (parallaxOffset + parallaxHeight >= windowScroll) && (parallaxOffset <= windowScroll + windowHeight)
        },

isIE: function () {
            if (navigator.appVersion.indexOf("MSIE") != -1) {
                return true;
            }
            return false;
        },

isMobile: function () {
            return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
        },

ieVersion: function () {
            return parseFloat(navigator.appVersion.split("MSIE")[1]);
        },

isFirefox: function () {
            return typeof InstallTrigger !== 'undefined';   // Firefox 1.0+
        }
    };

$.fn.rdparallax = function (option) {
        var element = this.each(function () {
            var options = $.extend({}, $.fn.rdparallax.defaults, option);

if (options.url) {
                new RDParallax(this, options).init();
            } else {
                console.error('RD Parallax: data-url is not defined');
            }
        });
        return element;
    };

$.fn.rdparallax.defaults = {
        speed: 0.4,
        direction: 'normal',
        blur: false,
        mobile: false,
        url: false,
        pattern: false,
        duration: 200,
        easing: 'linear',
        color: 'inherit'
    };

window.RDParallax_autoinit = function (selector) {
        $(selector).each(function () {
            var options = $.extend({}, $.fn.rdparallax.defaults, {
                url: $(this).data('url'),
                speed: $(this).data('speed'),
                direction: $(this).data('direction'),
                blur: $(this).data('blur'),
                mobile: $(this).data('mobile'),
                pattern: $(this).data('pattern'),
                color: $(this).data('color')
            });

if (options.url) {
                new RDParallax(this, options).init();
            } else {
                console.error('RD Parallax: data-url is not defined');
            }
        });
    };
})(jQuery);

$(document).ready(function () {
    RDParallax_autoinit('.parallax');
});

[+] ..
[+] jQuery-Tags-Input
[-] countdown.js [edit]
[-] owl.carousel.js [edit]
[-] base.js [edit]
[-] jquery.ui.core.js [edit]
[+] select2
[-] jquery.matchHeight-min.js [edit]
[+] master-slider
[-] jquery.metadata.js [edit]
[+] owl-carousel
[-] dataTables.columnFilter.js [edit]
[-] codemirror.js [edit]
[+] jqvmap
[-] css.js [edit]
[-] jquery.ui.button.js [edit]
[-] jquery.vticker.min.js [edit]
[-] jwplayer.js [edit]
[-] masonry.pkgd.js [edit]
[-] jquery.smartmenus.min - Copy.js [edit]
[-] jquery.ui.widget.js [edit]
[-] jquery.ba-resize.min.js [edit]
[-] jquery-ui-timepicker.js [edit]
[-] jquery-migrate.js [edit]
[-] jquery.nearest.min.js [edit]
[-] swfobject.js [edit]
[-] javascript.js [edit]
[-] jquery.validate.password.js [edit]
[-] jquery.colorbox.js [edit]
[-] flexigrid.js [edit]
[-] jquery.smartmenus.min.js [edit]
[-] jcarousellite.js [edit]
[+] ckeditor_standard
[-] twig.min.js [edit]
[-] superfish.js [edit]
[-] bootstrap.min - Copy.js [edit]
[-] jquery.dataTables.min.js [edit]
[-] mustache.js [edit]
[-] spectrum.js [edit]
[-] jquery.ui.droppable.js [edit]
[-] jquery.isotope.js [edit]
[-] jquery.ui.slider.js [edit]
[-] htmlmixed.js [edit]
[-] jquery.tinycarousel.min.js [edit]
[-] jquery.ui.sortable.js [edit]
[-] jquery.hover.js [edit]
[-] wow.min.js [edit]
[-] jquery.fittext.js [edit]
[+] jquery.validate
[-] jquery.ui.draggable.js [edit]
[-] jquery.ui.resizable.js [edit]
[-] audio.min.js [edit]
[+] angular
[+] less
[-] masonry.pkgd.min.js [edit]
[+] plupload
[-] jquery.rd-parallax.js [edit]
[-] tabs.js [edit]
[-] responsive.js [edit]
[-] xml.js [edit]
[-] expressInstall.swf [edit]
[-] camera.js [edit]
[-] pace.min.js [edit]
[-] typed.js [edit]
[-] jquery.nivo.slider.js [edit]
[+] bootstrap
[-] qtip.js [edit]
[+] mediaelement
[-] jquery.ui.mouse.js [edit]
[+] slick
[-] countUp.js [edit]
[-] jquery.prettyPhoto.js [edit]
[+] ckeditor_full
[-] jquery.ui.spinner.js [edit]
[-] portfolio-layout-plugin.js [edit]
[-] require.js [edit]
[-] nicEdit.js [edit]
[-] jquery.json-2.4.min.js [edit]
[-] jquery.ba-resize.js [edit]
[-] jquery.mobilemenu.js [edit]
[+] nivo_slider
[+] ui-iconpicker
[-] cloud-zoom.js [edit]
[-] jquery.ui.datepicker.js [edit]
[-] jquery.cycle.all.js [edit]
[-] jquery.validate.js [edit]
[+] flot
[+] jquery-ui
[-] jquery.cleditor.min.js [edit]
[-] jquery.easing.js [edit]
[-] jquery.elevateZoom.min.js [edit]
[-] bootstrap.min.js [edit]
[-] jquery.bxslider.js [edit]
[-] mediaelement-and-player.min.js [edit]
[-] jquery.zoom-min.js [edit]
[-] jquery.nearest.js [edit]
[-] jquery.autosize.js [edit]