File manager - Edit - /home/jardides/www/Jardi-design/components/com_templateck/projects/jd_3/js/parallaxbackground.js
Back
/** * @name Parallax Background Widget for Template Creator CK * @copyright Copyright (C) 2016. All rights reserved. * @license GNU General Public License version 2 or later; see LICENSE.txt * @author Cedric Keiflin - http://www.template-creator.com - http://www.joomlack.fr */ (function($) { $.fn.TCK_ParallaxBackground = function(options) { var defaults = { speed: '3' // speed factor }; var opts = $.extend(defaults, options); var els = this; var $window = $(window); els.each(function() { var el = $(this); var bgimage = el.css('background-image'); el.css({ 'background': 'none', 'position': 'relative', 'overflow': 'hidden' }); el.append('<div class="parallaxchild"></div>'); el.par = el.find('.parallaxchild'); el.par.css({ 'background-image': bgimage, 'background-position': "center 0px" }); setHeights(); moveElement(el); $window.bind('scroll load', function() { moveElement(el); }); $window.bind('resize', function() { setHeights();moveElement(el); }); }); function setHeights() { els.each(function() { var el = $(this); el.find('.parallaxchild').css('height', '100%'); }); } function moveElement(el) { var winY = $window.scrollTop(); el.top = el.offset().top; el.height = el.outerHeight(); // check if totally above or totally below viewport if ( el.top + el.height < winY // bottom of element is over top of screen || el.top > winY + $window.height() // top of element is under bottom of screen ) { return; } var bgy = Math.round( ((winY - el.top ) ) ) - winY * opts.speed / 100; // move the background image el.par.css('background-position', "center " + bgy + "px"); } }; })(jQuery);
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings