LD КШЦП из стали 20 Ду 40 Ру4,0 (полн) (КШ.Ц.П.040.040.П/П.02)

.ld-gallery-widget { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 4px; margin: 32px 0 48px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03); font-family: inherit; } .ld-gallery-info { padding: 20px 24px; background: #ffffff; border-bottom: 1px solid #f3f4f6; } .ld-gallery-title { font-size: 20px; font-weight: 700; color: #111827; margin: 0; line-height: 1.3; } .ld-gallery-viewport { position: relative; background: #f8f9fa; min-height: 380px; max-height: 550px; display: flex; align-items: center; justify-content: center; padding: 32px 24px; user-select: none; overflow: hidden; } .ld-gallery-image { max-width: 100%; max-height: 480px; object-fit: contain; transition: opacity 0.2s ease; cursor: crosshair; touch-action: none; } .ld-gallery-lens { position: absolute; border: 2px solid #ffee00; border-radius: 50%; background-color: #ffffff; background-repeat: no-repeat; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25); pointer-events: none; display: none; z-index: 90; } .ld-gallery-floating-controls { position: absolute; bottom: 16px; right: 16px; background: rgba(17, 24, 39, 0.85); backdrop-filter: blur(4px); padding: 6px 8px; border-radius: 6px; display: flex; align-items: center; gap: 8px; z-index: 100; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); border: 1px solid rgba(255, 255, 255, 0.1); } .ld-gallery-counter { font-size: 13px; font-weight: 700; color: #ffee00; margin: 0 6px; letter-spacing: 0.5px; white-space: nowrap; } .ld-gallery-btn { background: #374151; border: none; color: #ffffff; width: 36px; height: 36px; border-radius: 4px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; transition: background 0.2s ease, transform 0.1s ease, color 0.2s ease; outline: none; } .ld-gallery-btn:hover { background: #ffee00; color: #111827; } .ld-gallery-btn:active { transform: scale(0.95); } .ld-gallery-loading { padding: 40px; text-align: center; color: #6b7280; font-size: 15px; } /* Индикатор загрузки для тяжелых картинок */ .ld-gallery-spinner { position: absolute; width: 36px; height: 36px; border: 3px solid #e5e7eb; border-top-color: #ffee00; border-radius: 50%; animation: ld-spin 0.8s linear infinite; z-index: 10; pointer-events: none; display: none; } @keyframes ld-spin { to { transform: rotate(360deg); } } Сборка данных галереи... 1 / 1 ← → (function() { const container = document.getElementById('ld-gallery-container'); if (!container) return; if (window.__ld_gallery_active_instance === container) return; window.__ld_gallery_active_instance = container; const gallerySettings = { ids: [ 'J8ZfWoxxlr', '70Jf72MNzT', 'hjNRduBOrc', 'wkoe4QSZeO' ], zoomLevel: 2, lensSize: 160 }; let slides = []; let currentIndex = 0; let isInitialized = false; const preloadedUrls = new Set(); // 1. TURБО-ПРЕДЗАГРУЗЧИК: Мгновенно закачивает все слайды в кэш браузера function preloadAllSlides(slidesArray) { slidesArray.forEach(slide => { if (slide.src && !preloadedUrls.has(slide.src)) { preloadedUrls.add(slide.src); // Способ 1: Создаем объект Image в памяти const img = new Image(); img.src = slide.src; // Способ 2: Даем подсказку браузеру через с максимальным приоритетом try { const link = document.createElement('link'); link.rel = 'preload'; link.as = 'image'; link.href = slide.src; document.head.appendChild(link); } catch(e) {} } }); } // Универсальный поиск URL (игнорирует base64-заглушки ленивой загрузки) function getImageUrl(imgTag) { if (!imgTag) return null; const lazyAttributes = ['data-src', 'data-lazy-src', 'data-url', 'data-original', 'data-orig-src', 'data-srcset']; for (let i = 0; i { const domElement = document.getElementById(id); if (domElement) { const imgTag = domElement.querySelector('img'); const titleTag = domElement.querySelector('.image_title'); const imgSrc = getImageUrl(imgTag); if (imgSrc) { const titleText = titleTag ? titleTag.textContent.trim() : ''; const altText = imgTag.getAttribute('alt') || ''; foundSlides.push({ id: id, src: imgSrc, alt: altText, title: titleText || altText || `Изображение ${foundSlides.length + 1}` }); } } }); return foundSlides; } function initGallery() { const loadingEl = document.getElementById('ld-gallery-loading'); const contentEl = document.getElementById('ld-gallery-content'); if (!loadingEl || !contentEl) return false; slides = buildSlides(); if (slides.length > 0) { // МГНОВЕННАЯ ПРЕДЗАГРУЗКА ВСЕХ ФАЙЛОВ ГАЛЕРЕИ preloadAllSlides(slides); slides.forEach(slide => { const el = document.getElementById(slide.id); if (el && el.style.display !== 'none') { el.style.display = 'none'; } }); loadingEl.style.display = 'none'; contentEl.style.display = 'block'; const lens = document.getElementById('ld-slide-lens'); if (lens) { lens.style.width = `${gallerySettings.lensSize}px`; lens.style.height = `${gallerySettings.lensSize}px`; } bindControls(); bindZoom(); const imgEl = document.getElementById('ld-slide-img'); if (!isInitialized || !imgEl.getAttribute('src')) { renderSlide(currentIndex); isInitialized = true; } re