Phiten METAX 貼布 (50枚入) Metax Tape 50 mark

v.id === parseInt(variantId)); if (selectedVariant && selectedVariant.featured_image) { variantImage.src = selectedVariant.featured_image.src; variantImageContainer.style.display = 'block'; } else { variantImageContainer.style.display = 'none'; } } variantRadios.forEach(radio => { radio.addEventListener('change', (event) => { const selectedVariantId = event.target.getAttribute('data-variant-id'); updateVariantImage(selectedVariantId); }); }); }); function ThumbnailPlugin(main) { return (slider) => { function removeActive() { slider.slides.forEach((slide) => { slide.classList.remove("active") }) } function addActive(idx) { slider.slides[idx].classList.add("active") } function addClickEvents() { slider.slides.forEach((slide, idx) => { slide.addEventListener("click", () => { main.moveToIdx(idx) }) }) } slider.on("created", () => { addActive(slider.track.details.rel) addClickEvents() main.on("animationStarted", (main) => { removeActive() const next = main.animator.targetIdx || 0 addActive(main.track.absToRel(next)) slider.moveToIdx(Math.min(slider.track.details.maxIdx, next)) }) }) } } var slider = new KeenSlider("#my-keen-slider") var thumbnails = new KeenSlider( "#thumbnails", { initial: 0, slides: { perView: 5, spacing: 10, }, }, [ThumbnailPlugin(this.slider)] )