ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / foreclass.com / wp-content / themes / oceanwp / assets / src / js / theme

class Carousel {
  #elements;

constructor(context) {
    this.#setElements();
    this.#start(context);
  }

#setElements = () => {
    this.#elements = {
      body: document.body,
    };
  };

#start = (context) => {
    const elementsString = `.gallery-format, .product-entry-slider${
      context ? `, ${context}` : ""
    }`;
    const elements = document.querySelectorAll(elementsString);

elements.forEach((element) => {
      const flickity = new Flickity(element, {
        autoPlay: element.classList.contains("woo-entry-image") ? false : 7000,
        imagesLoaded: true,
        contain: true,
        rightToLeft: this.#elements.body.classList.contains("rtl")
          ? true
          : false,
      });

const imgs = element.querySelectorAll(".carousel-cell img");
      // get transform property
      const docStyle = document.documentElement.style;
      const transformProp =
        typeof docStyle.transform == "string" ? "transform" : "WebkitTransform";

flickity.on("scroll", function () {
        flickity.slides.forEach(function (slide, i) {
          const img = imgs[i];
          let x = ((slide.target + flickity.x) * -1) / 3;
          img.style[transformProp] = "translateX(" + x + "px)";
        });
      });
    });
  };
}

new Carousel();

[+] search
[-] select.js [edit]
[+] ..
[-] ow-slider.js [edit]
[-] equal-height-elements.js [edit]
[+] mobile-menu
[+] menu
[-] scroll-effect.js [edit]
[-] ow-lightbox.js [edit]
[-] carousel.js [edit]
[-] scroll-top.js [edit]
[-] ow-infinite-scroll.js [edit]
[-] blog-masonry.js [edit]
[-] theme.js [edit]
[-] footer.js [edit]
[+] header