${[1, 2, 3, 7, 8, 9, 13, 14, 15] .map( (i) => `

` ) .join("")}

${[4, 5, 6, 10, 11, 12, 16, 17, 18] .map( (i) => `

` ) .join("")}

`; document.body.prepend(wrapper); setTimeout(() => { // 3. Запускаем анимации const items = wrapper.querySelectorAll(".preloader__item"); items.forEach((item) => item.classList.add("_view")); setTimeout(() => { const cols = wrapper.querySelectorAll(".preloader__column"); cols.forEach((col) => col.classList.add("_translate")); const logo = wrapper.querySelector(".preloader__logo"); logo.innerHTML = `

`; logo.classList.add("_view"); }, 1300); // 4. По окончании — скрываем и удаляем всё setTimeout(() => { // Скрываем прелоадер const preloader = wrapper.querySelector(".preloader"); const logo = wrapper.querySelector(".preloader__logo"); logo.innerHTML = ""; preloader.classList.add("_hide"); // Возвращаем видимость Nuxt if (nuxtRoot) nuxtRoot.style.visibility = "visible"; // Убираем элементы из DOM wrapper.remove(); const cssLink = document.getElementById("preloader-css"); if (cssLink) cssLink.remove(); document.getElementById("__nuxt").style.visibility = "visible !important"; }, 3900); }, 1000); // Задержка для плавного появления } // Оборачиваем в проверку localStorage window.addEventListener("load", () => { // Если в этой сессии анимация уже сработала — ничего не делаем if (localStorage.getItem("preloaderShown")) { const nuxtRoot = document.getElementById("__nuxt"); if (nuxtRoot) { nuxtRoot.style.visibility = "visible"; console.log(document, nuxtRoot); } return; } // Иначе отмечаем, что показали, и запускаем localStorage.setItem("preloaderShown", "true"); injectPreloader(); }); })();

Палец JCB

Палец JCB

Палец JCB

Палец JCB

Палец JCB

Палец JCB

Палец JCB

Палец JCB

Палец JCB

Палец JCB

Палец JCB

Палец JCB

Палец JCB

Палец JCB

Палец JCB

Палец JCB

Палец JCB

Услуги

Время работы

Адрес магазина

Услуги

Продукты