DPlayer/src/thumbnails.js

class Thumbnails {
    constructor (container, width, url, events) {
        this.container = container;
        this.width = width;
        this.container.style.backgroundImage = `url('${url}')`;
        this.events = events;
    }

    resize (width, height) {
        this.container.style.width = `${width}px`;
        this.container.style.height = `${height}px`;
        this.container.style.top = `${-height + 2}px`;
    }

    show () {
        this.container.style.display = 'block';
        this.events && this.events.trigger('thumbnails_show');
    }

    move (position) {
        this.container.style.backgroundPosition = `-${(Math.ceil(position / this.width * 100) - 1) * 160}px 0`;
        this.container.style.left = `${(position - this.container.offsetWidth / 2)}px`;
    }

    hide () {
        this.container.style.display = 'none';

        this.events && this.events.trigger('thumbnails_hide');
    }
}

module.exports = Thumbnails;