/* other style start */ .vis-overview-block-banner .vis-overview-block-banner-content-btn { display: none; } /* other style end */ Safer to Use Materials Drink worry-free with this pure water tank for countertop ro system which is BPA-free to ensure your water safety. It is easy to clean to keep every drop fresh for everyday use. Automatic Pure Water Refill Enjoy convenience with this portable pure water tank that refills automatically. Fresh, filtered water is instantly ready whenever the tank runs low – effortless, time-saving, and always on-the-go！ var vis_img_text_swiper = new Swiper(".vis-overview-block-img_text-swiper-mySwiper", { navigation: { nextEl: ".vis-overview-block-img_text-swiper-button-next", prevEl: ".vis-overview-block-img_text-swiper-button-prev", }, on: { slideChange: function () { var item_width1 = $('.vis-overview-block-img_text-swiper-mySwiper-item').eq(0).width(); var item_width2 = $('.vis-overview-block-img_text-swiper-mySwiper-item').eq(1).width(); var item_width3 = $('.vis-overview-block-img_text-swiper-mySwiper-item').eq(2).width(); var items_width = $('.vis-overview-block-img_text-swiper-mySwiper-text').width(); console.log(item_width1, item_width2, item_width3, items_width) if (window.innerWidth >= 768) { if (this.activeIndex == 0) { $('.vis-overview-block-img_text-swiper-mySwiper-item').removeClass("vis-overview-block-img_text-swiper-mySwiper-item-active") $('.vis-overview-block-img_text-swiper-mySwiper-item').eq(0).addClass("vis-overview-block-img_text-swiper-mySwiper-item-active") $('.vis-overview-block-img_text-swiper-mySwiper-text').animate({ scrollLeft: '0' }, 300); } else if (this.activeIndex == 1) { $('.vis-overview-block-img_text-swiper-mySwiper-item').removeClass("vis-overview-block-img_text-swiper-mySwiper-item-active") $('.vis-overview-block-img_text-swiper-mySwiper-item').eq(1).addClass("vis-overview-block-img_text-swiper-mySwiper-item-active") $('.vis-overview-block-img_text-swiper-mySwiper-text').animate({ scrollLeft: parseFloat(item_width1) + 60 }, 300); } else if (this.activeIndex == 2) { $('.vis-overview-block-img_text-swiper-mySwiper-item').removeClass("vis-overview-block-img_text-swiper-mySwiper-item-active") $('.vis-overview-block-img_text-swiper-mySwiper-item').eq(2).addClass("vis-overview-block-img_text-swiper-mySwiper-item-active") $('.vis-overview-block-img_text-swiper-mySwiper-text').animate({ scrollLeft: parseFloat(item_width1 + item_width2) + 60 }, 300); } else { $('.vis-overview-block-img_text-swiper-mySwiper-item').removeClass("vis-overview-block-img_text-swiper-mySwiper-item-active") $('.vis-overview-block-img_text-swiper-mySwiper-item').eq(0).addClass("vis-overview-block-img_text-swiper-mySwiper-item-active") $('.vis-overview-block-img_text-swiper-mySwiper-text').animate({ scrollLeft: '0' }, 300); } } else { if (this.activeIndex == 0) { $('.vis-overview-block-img_text-swiper-mySwiper-item').removeClass("vis-overview-block-img_text-swiper-mySwiper-item-active") $('.vis-overview-block-img_text-swiper-mySwiper-item').eq(0).addClass("vis-overview-block-img_text-swiper-mySwiper-item-active") $('.vis-overview-block-img_text-swiper-mySwiper-text').animate({ scrollLeft: '0' }, 300); } else if (this.activeIndex == 1) { $('.vis-overview-block-img_text-swiper-mySwiper-item').removeClass("vis-overview-block-img_text-swiper-mySwiper-item-active") $('.vis-overview-block-img_text-swiper-mySwiper-item').eq(1).addClass("vis-overview-block-img_text-swiper-mySwiper-item-active") $('.vis-overview-block-img_text-swiper-mySwiper-text').animate({ scrollLeft: parseFloat(item_width1) + 60 }, 300); } else if (this.activeIndex == 2) { $('.vis-overview-block-img_text-swiper-mySwiper-item').removeClass("vis-overview-block-img_text-swiper-mySwiper-item-active") $('.vis-overview-block-img_text-swiper-mySwiper-item').eq(2).addClass("vis-overview-block-img_text-swiper-mySwiper-item-active") $('.vis-overview-block-img_text-swiper-mySwiper-text').animate({ scrollLeft: parseFloat(item_width1 + item_width2) + 60 }, 300); } else { $('.vis-overview-block-img_text-swiper-mySwiper-item').removeClass("vis-overview-block-img_text-swiper-mySwiper-item-active") $('.vis-overview-block-img_text-swiper-mySwiper-item').eq(0).addClass("vis-overview-block-img_text-swiper-mySwiper-item-active") $('.vis-overview-block-img_text-swiper-mySwiper-text').animate({ scrollLeft: '0' }, 300); } } } } }); $('.vis-overview-block-img_text-swiper-mySwiper-item').click(function () { var index = $(this).index(); var window_width = $(window).width(); if (window_width > 767) { vis_img_text_swiper.slideTo($(this).index()); } else { vis_img_text_swiper.slideTo($(this).index()); } $(this).siblings().removeClass('vis-overview-block-img_text-swiper-mySwiper-item-active') $(this).addClass('vis-overview-block-img_text-swiper-mySwiper-item-active') var item_width1 = $('.vis-overview-block-img_text-swiper-mySwiper-item').eq(0).width(); var item_width2 =
