Просмотр архива Bee3D Slider - Touch-Enabled Pure JS Plugin


<?php

module.exports = function (options) {
    return function (slider) {
        var axis = options === 'vertical' ? 'Y' : 'X',
            startPosition,
            delta;

        function handleStart(e) {
            if (e.touches.length === 1) {
                startPosition = e.touches[0]['page' + axis];
                delta = 0;
            }
        }

        function handleMove(e) {
            if (e.touches.length === 1) {
                e.preventDefault();
                delta = e.touches[0]['page' + axis] - startPosition;
            }
        }

        function handleEnd() {
            if (Math.abs(delta) > 50) {
                slider[delta > 0 ? 'prev' : 'next']();
            }
        }

        slider.parent.addEventListener('touchstart', handleStart);
        slider.parent.addEventListener('touchmove', handleMove);
        slider.parent.addEventListener('touchend', handleEnd);

        slider.on('destroy', function () {
            console.log('touches: destroy');
            slider.parent.removeEventListener('touchstart', handleStart);
            slider.parent.removeEventListener('touchmove', handleMove);
            slider.parent.removeEventListener('touchend', handleEnd);
        });
    };
};

?>