File Manager

X7ROOT File Manager

Current Path: /home/okeydcqc/public_html/wp-content/themes/oceanwp/assets/src/js/theme

home / okeydcqc / public_html / wp-content / themes / oceanwp / assets / src / js / theme /

ðŸ“ ..
ðŸ“„ blog-masonry.js(766 B)
ðŸ“„ carousel.js(1.27 KB)
ðŸ“„ equal-height-elements.js(825 B)
ðŸ“„ footer.js(2.85 KB)
ðŸ“ header
ðŸ“ menu
ðŸ“ mobile-menu
ðŸ“„ ow-infinite-scroll.js(4.51 KB)
ðŸ“„ ow-lightbox.js(3.11 KB)
ðŸ“„ ow-load-more.js(4.62 KB)
ðŸ“„ ow-slider.js(974 B)
ðŸ“„ scroll-effect.js(5.26 KB)
ðŸ“„ scroll-top.js(1.59 KB)
ðŸ“ search
ðŸ“„ select.js(2.79 KB)
ðŸ“„ theme.js(908 B)

Editing: carousel.js

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();

X7ROOT File Manager

Editing: carousel.js

Upload File

Create Folder