background change depends of utm #js
function parseGetParams(variable) {
let getURl = window.location.search.substring(1); //Строка со всеми GET-параметрами
let variables = getURl.split("&"); //Получаем массив параметров
for (let i = 0; i < variables.length; i++) {
let pair = variables[i].split("="); // Получаем массив, где pair[0] - ключ, pair[1] - его значение и т.д.
if (pair[0] === variable) { // Если в передаваемой с директа переменной имеется данный ключ, возвращаем его, иначе - false
return pair[1];
}
}
return (false);
}
let utmVariable = parseGetParams('utm_term');
utmVariable = decodeURIComponent(utmVariable);
utmVariable = utmVariable.replace(/[_]/ig, ' ');
let directWords = [
'деревянные дома из лафета',
'дом из лафета под ключ',
'дом из лафета под ключ цена',
'дом из лафета цена',
'дома из лафета',
'дома из лафета кедра',
'дома из лафета кедра большого диаметра',
'дома из лафета проекты и цены',
'дома из лафета ручной рубки',
'дома из норвежского лафета цены',
'дома из сухого лафета',
'дома лафета норвежская рубка',
'дома норвежский лафет проекты',
'дома норвежской рубки',
'норвежские дома из лафета',
'одноэтажный дом из лафета',
'рубка домов лафета',
'сруб из лафета',
'сруб из лафета цена',
'срубы домов из лафета',
'строительство домов из лафета'
];
let isUtm;
for (let i = 0; i < directWords.length - 1; i++) {
isUtm = (utmVariable === directWords[i]);
if (utmVariable === directWords[i]) break;
}
let imgHead = [
'/images/slide1.jpg',
'/images/slide2.jpg',
];
let headerBg = $('.header-bg');
let header = $('.header');
let i;
isUtm ? i = 1 : i = 0;
console.log(isUtm);
headerBg.css({'background': 'url(' + imgHead[i] + ')'});
console.log(imgHead[i]);
function cssHead() {
if (i === 0) {
header.animate({'background': 'none'}, 600, function () {
header.css('background', 'none');
});
headerBg.animate({'opacity': '0'}, 600, function () {
headerBg.css({'background': 'url(' + imgHead[i] + ')'});
i = 1;
});
headerBg.animate({'opacity': '1'}, 600);
} else if (i === 1) {
headerBg.animate({'opacity': '0'}, 600, function () {
headerBg.css({'background': 'url(' + imgHead[i] + ')'});
i = 0;
});
headerBg.animate({'opacity': '1.0'}, 600);
}
}
setInterval(cssHead, 3000); //10000