Untitled

JavaScript Detected Guest 202 Views Size: 1.19 KB Posted on: Oct 17, 25 @ 7:32 PM

afterTransition(callback) {
    const handler = () => {
        callback();
        this.$refs.carouselInner.removeEventListener('transitionend', handler);
        this.isTransitioning = false;
    };
    this.$refs.carouselInner.addEventListener('transitionend', handler);
},
 
withoutTransition(fn) {
    this.disableTransition();
    fn();
    this.$refs.carouselInner.offsetHeight; // Force reflow
    setTimeout(() => this.enableTransition(), 50);
},
 
next() {
    if (this.isTransitioning) return;
    this.isTransitioning = true;
    this.currentSlide++;
    const maxIndex = this.originalSlides.length * 2;
    this.afterTransition(() => {
        if (this.currentSlide >= maxIndex) {
            this.withoutTransition(() => {
                this.currentSlide -= this.originalSlides.length;
            });
        }
    });
},
 
prev() {
    if (this.isTransitioning) return;
    this.isTransitioning = true;
    this.currentSlide--;
    this.afterTransition(() => {
        if (this.currentSlide < this.originalSlides.length) {
            this.withoutTransition(() => {
                this.currentSlide += this.originalSlides.length;
            });
        }
    });
},

Raw Paste

afterTransition(callback) {
    const handler = () => {
        callback();
        this.$refs.carouselInner.removeEventListener('transitionend', handler);
        this.isTransitioning = false;
    };
    this.$refs.carouselInner.addEventListener('transitionend', handler);
},

withoutTransition(fn) {
    this.disableTransition();
    fn();
    this.$refs.carouselInner.offsetHeight; // Force reflow
    setTimeout(() => this.enableTransition(), 50);
},

next() {
    if (this.isTransitioning) return;
    this.isTransitioning = true;
    this.currentSlide++;
    const maxIndex = this.originalSlides.length * 2;
    this.afterTransition(() => {
        if (this.currentSlide >= maxIndex) {
            this.withoutTransition(() => {
                this.currentSlide -= this.originalSlides.length;
            });
        }
    });
},

prev() {
    if (this.isTransitioning) return;
    this.isTransitioning = true;
    this.currentSlide--;
    this.afterTransition(() => {
        if (this.currentSlide < this.originalSlides.length) {
            this.withoutTransition(() => {
                this.currentSlide += this.originalSlides.length;
            });
        }
    });
},

Fork Edit

Comments 0

No comments yet. Be the first.

Hello Guest! Paste is for source code and general debugging text.

Recent Pastes

Imgpaste

Untitled

Imgpaste.hex

Test

Untitled

Questions[...]

Untitled

Untitled

Hello Guest! Paste is for source code and general debugging text.

We use cookies. To comply with GDPR in the EU and the UK we have to show you these.