(function(){ "use strict"; // const patentData = [ // { title: "发明专利 · 智能算法", code: "ZL 2024 1 0123456.7" }, // { title: "外观设计 · 终端界面", code: "ZL 2024 3 0654321.2" }, // { title: "实用新型 · 检测装置", code: "ZL 2024 2 1122334.4" }, // { title: "发明专利 · 通信方法", code: "ZL 2023 1 0987654.3" }, // { title: "集成电路布图设计", code: "BS.23500123.4" }, // { title: "发明专利 · 区块链存证", code: "ZL 2024 1 0456789.0" }, // { title: "外观设计 · 医疗设备", code: "ZL 2024 3 0789456.1" } // ]; const track = document.getElementById('carouselTrack'); const cards = Array.from(document.querySelectorAll('.card')); const leftArrow = document.querySelector('.nav-arrow.left'); const rightArrow = document.querySelector('.nav-arrow.right'); const TOTAL_CARDS = cards.length; let currentIndex = 3; let isAnimating = false; cards.forEach((card, idx) => { card.dataset.index = idx; }); // 辅助函数：为卡片添加a标签 function addLinkToCard(card, index) { const img = card.querySelector('img'); if (!img) return; // 检查是否已经有a标签包裹 const parent = img.parentNode; if (parent.tagName === 'A') return; // 已经有链接了 // 获取图片的src作为链接地址 const imgSrc = img.src; const linkUrl = imgSrc; // 直接使用图片路径 // 创建a标签 const link = document.createElement('a'); link.href = linkUrl; link.target = '_blank'; // 在新窗口打开大图 link.classList.add('poster-lightbox'); // link.style.display = 'block'; // link.style.width = '100%'; // link.style.height = '100%'; // link.style.position = 'relative'; // 将img移到a标签内 card.insertBefore(link, img); link.appendChild(img); if (typeof jQuery !== 'undefined' && jQuery.fn.simpleLightbox) { console.log('simpleLightbox'); jQuery(link).simpleLightbox({ captions: true, captionSelector: 'img', captionType: 'attr', captionsData: 'alt', closeText: '×' }); } else { console.log('no simpleLightbox'); } } // 辅助函数：移除卡片的a标签 function removeLinkFromCard(card) { const link = card.querySelector('a'); if (link) { const img = link.querySelector('img'); if (img) { // 将img移回卡片 card.insertBefore(img, link); } // 移除a标签 link.remove(); } } function renderCarousel() { cards.forEach((card, i) => { let rawOffset = i - currentIndex; let offset = rawOffset; if (rawOffset > 3) { offset = rawOffset - TOTAL_CARDS; } else if (rawOffset { isAnimating = false; }, 700); } function nextSlide() { updateCarousel(currentIndex + 1); } function prevSlide() { updateCarousel(currentIndex - 1); } leftArrow.addEventListener('click', prevSlide); rightArrow.addEventListener('click', nextSlide); cards.forEach((card, idx) => { card.addEventListener('click', (e) => { e.stopPropagation(); if (isAnimating) return; if (idx === currentIndex) return; let diff = idx - currentIndex; if (diff > 3) diff = diff - TOTAL_CARDS; if (diff { if (e.key === 'ArrowLeft') { e.preventDefault(); prevSlide(); } else if (e.key === 'ArrowRight') { e.preventDefault(); nextSlide(); } }); let touchStartX = 0; let touchEndX = 0; const swipeThreshold = 40; document.addEventListener('touchstart', (e) => { touchStartX = e.changedTouches[0].screenX; }, { passive: true }); document.addEventListener('touchend', (e) => { touchEndX = e.changedTouches[0].screenX; handleSwipe(); }); function handleSwipe() { const diff = touchStartX - touchEndX; if (Math.abs(diff) > swipeThreshold) { if (diff > 0) { nextSlide(); } else { prevSlide(); } } } window.addEventListener('touchmove', (e) => { if (e.target.closest('.carousel-container')) { e.preventDefault(); } }, { passive: false }); currentIndex = 3; renderCarousel(); window.addEventListener('resize', () => {}); })();