5 examples of 'owl carousel slide 4 items' in JavaScript

47
function loadCarousel(items, carousel, type) {
48
49
  items.forEach((item) => {
50
    let image = assemblyCharacterURL(item, type);
51
    let text = item.name;
52
53
    createItem(image, text).click(() => {
54
      loadFeaturedCharacter(item);
55
      $('html').animate({ scrollTop: 0 }, 'slow');
56
    }).appendTo(carousel);
57
  });
58
}

134
private showPrevItem(resetInterval: boolean = false): void {
135
    if (!this.swipeDisabled && this.isIndexValid(this.propIndex - 1)) {
136
        this.showItem(this.propIndex - 1, resetInterval);
137
    }
138
}

37
function Carousel(el, options) {
38
    /**
39
     * Reference to context of an instance.
40
     * @type {Object}
41
     * @private
42
     */
43
    var that = this;
44
45
    this._init(el, options);
46
47
    if (this.initialize !== undefined) {
48
        /**
49
         * If you define an initialize method, it will be executed when a new Carousel is created.
50
         * @memberof! ch.Carousel.prototype
51
         * @function
52
         */
53
        this.initialize();
54
    }
55
56
    /**
57
     * Event emitted when the component is ready to use.
58
     * @event ch.Carousel#ready
59
     * @example
60
     * // Subscribe to "ready" event.
61
     * carousel.on('ready', function () {
62
     *     // Some code here!
63
     * });
64
     */
65
    window.setTimeout(function () { that.emit('ready'); }, 50);
66
}

22
addSlide(): void {
23
  this.slides.push({
24
    image: `https://lorempixel.com/900/500/sports/${this.slides.length % 8 + 1}/`
25
  });
26
}

215
nextCarousel() {
216
  if (!this.isCarouselAnimate) {
217
    this.carouselIndex++;
218
    if (this.carouselIndex > this.carouselCount) {
219
      this.carouselIndex = 1;
220
    }
221
    this.moveCarousel(this.getTransform() - this.carouselWidth);
222
  }
223
}