(function() { var script = document.createElement("script"); script.setAttribute("async", "async"); script.addEventListener("load", function() { var variables = [ /* Site = */ "Cfk.waw.pl", /* Section = */ "" ]; _WAF.construct("//delivery.way2traffic.com"); _WAF.handle(_WAF.CODE_TRACKER, ["5064", "Audience", variables]); }); script.src = "//assets.way2traffic.com/_waf.js"; document.head.appendChild(script); })(); paralax = function(){ if (window.innerWidth > 800) { // Paralax ----------------------------- // moduly do ktorych zostanie zaaplikowana "paralaxa" var modules = [ $('#txt-2col-176437'), $('#txt-2col-176941') // ** DODAJ NOWY MODUL TUTAJ ]; var speedCtr = 0.25 // ** ZDEFINIUJ SZYBKOSC PARALAXY TUTAJ (domyslna wartosc to 1) windowHeight = $(window).height(); // Wysokosc okna // Jezeli jest pierwszym modulem to dodaj okreslon wartosc polozenia tla setBackgroundPostition = function(){ for (var i = 0; i < modules.length; i++) { if ( positionTop(modules[i]) < windowHeight) { modules[i].css("background-position-y", positionTop(modules[i]) * speedCtr); } } }(); // Dzialajaca paralax podczas scrollowania window.addEventListener('scroll', function(){ var scrollPositionTop = $(window).scrollTop(); // Pozycja scrolla wzgledem gornej czesci okna scrollPositionBottom = scrollPositionTop + windowHeight; // Pozycja scrolla wzgledem dolnej czesci okna for (var i = 0; i < modules.length; i++) { if ( scrollPositionBottom > positionTop(modules[i]) && scrollPositionTop < positionTop(modules[i]) + moduleHeight(modules[i])) { var paralax = ( positionTop(modules[i]) - scrollPositionTop ) * speedCtr; modules[i].css("background-position-y", paralax); } } }); // Funkcja pokazujaca pozycje elementu wzgledem "gory" strony function positionTop(value){ return value.offset().top; } // Funkcja pokazujaca wysokosc elementu function moduleHeight(value){ return value.outerHeight(); } } }() // Efekt hover na kafelkach kafle = function(){ var selector = $('#txt-3col-176552 .txt-img-wrapper') selector.css("transition", "0.5s"); selector.hover(function(){ selector.css("opacity", "0.70"); $(this).css("opacity", "1"); }, function(){ selector.css("opacity", "1"); }); }();