Jackery Explorer 2000 v2 Tragbare Powerstation - Jackery DE (2025)

`, arrowPrevSVG: `

`, closeSVG: `×` }; const lightbox = new PhotoSwipeLightbox(options); // 是否是点击 预览缩略图 let isClickThumb = false let isScale = false const pos_parant = (element, parent) => { var elementRect = element.getBoundingClientRect(); var elementLeft = elementRect.left; var parentRect = parent.getBoundingClientRect(); var parentLeft = parentRect.left; var parentWidth = parentRect.width; var relativePosition = { left: elementLeft - parentLeft, right: parentLeft + parentWidth - elementLeft }; return relativePosition } const isMobile = () => document.documentElement.clientWidth < 1024; // 监听 beforeOpen 事件 lightbox.on('beforeOpen', () => { isScale = true }); lightbox.on("uiRegister", function () { lightbox.pswp.ui.registerElement({ name: 'bulletsIndicator', className: 'pswp__bullets-indicator', appendTo: "wrapper", onInit: (el, pswp) => { let maxScrollDistance = 0 let pre_index = 0 const thumbs = document.querySelector(".product-image-thumbs .swiper") let bullet = document.createElement("div"); let bullet_wrapper = document.createElement("div"); bullet.className = "pswp__thumbs swiper"; bullet_wrapper.className = "swiper-wrapper"; const imgLength = '5' if (imgLength < 8 && isMobile()) { bullet_wrapper.className += " justify-center" } thumbs.querySelectorAll(".swiper-slide[data-media=image]").forEach(item => { const img = item.querySelector("img") const clone_img_node = img.cloneNode(true) let slide_wrapper = document.createElement("div"); slide_wrapper.className = "swiper-slide"; slide_wrapper.appendChild(clone_img_node) bullet_wrapper.appendChild(slide_wrapper) }) bullet.appendChild(bullet_wrapper) el.appendChild(bullet); pswp.on("bindEvents", () => { $(".pswp__thumbs.swiper .swiper-slide").click(function() { if($(this).hasClass("active")) return isClickThumb = true pswp.goTo($(this).index()) pos_parant($(this)[0], $(".pswp__thumbs .swiper-wrapper")[0]) GAEvent({ "product_spu_name": "Jackery Explorer 2000 v2 Tragbare Powerstation", //识别页面产品spu标题名称text "module": "Product Image", //固定模块名称Product Image "position": "Picture", //点击图片类型或者 只有图片类型，固定命名为Picture "rank": pswp.currSlide.index + 1, // 缩略图从左到右的序号，1，2，3..., "button_name": "picture", // 点击的形式：左点击left，右点击right，直接点击缩略图 picture }) }) }) pswp.on("change", (e) => { if(!document.querySelectorAll(".pswp__thumbs")) return $(".pswp__thumbs.swiper .swiper-slide").removeClass("active") $(".pswp__thumbs.swiper .swiper-slide")[pswp.currSlide.index].classList.add("active") const current_dis = $(".pswp__thumbs .swiper-wrapper").scrollLeft() const pos_info = pos_parant($(".pswp__thumbs.swiper .swiper-slide")[pswp.currSlide.index], $(".pswp__thumbs .swiper-wrapper")[0]) const slide_w = $(".pswp__thumbs .swiper-wrapper .swiper-slide").width() const visible_w = $(".pswp__thumbs .swiper-wrapper").width() let next = pswp.currSlide.index > pre_index if(pos_info.right < slide_w && next) { // right $(".pswp__thumbs .swiper-wrapper").scrollLeft(current_dis + (12 + slide_w) * (pswp.currSlide.index - pre_index)) } if(pos_info.left < 0 && !next) { // left $(".pswp__thumbs .swiper-wrapper").scrollLeft(current_dis - (12 + slide_w) * (pre_index - pswp.currSlide.index)) } if (!isClickThumb && !isScale) { // 数据埋码 GAEvent({ "product_spu_name": "Jackery Explorer 2000 v2 Tragbare Powerstation", //识别页面产品spu标题名称text "module": "Product Image", //固定模块名称Product Image "position": "Picture", //点击图片类型或者 只有图片类型，固定命名为Picture "rank": pswp.currSlide.index + 1, // 缩略图从左到右的序号，1，2，3..., "button_name": next ? "right" : "left", // 点击的形式：左点击left，右点击right，直接点击缩略图 picture }) } pre_index = pswp.currSlide.index isClickThumb = false isScale = false }) }, }); }); lightbox.init(); // 数据埋码 function GAEvent(params) { window.dataLayer.push({ "event_parameters": null }); window.dataLayer.push({ "event":"ga4Event", "event_name":"products_details_page_user_clicks", "event_parameters":{ "current_page": window.location.href, // current page url ...params } }); } }) })

Jackery Explorer 2000 v2 Tragbare Powerstation