nuorder-carousel/lib/main.js

React Responsive Carousel

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _reactDom = require('react-dom');

var _reactDom2 = _interopRequireDefault(_reactDom);

var _Carousel = require('./components/Carousel');

var _Carousel2 = _interopRequireDefault(_Carousel);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _onChange() {
    console.log('onChange', arguments);
}

function _onClickItem() {
    console.log('onClickItem', arguments);
}

function _onClickThumb() {
    console.log('onClickThumb', arguments);
}

// Begin DemoSliderControls
var DemoCarousel = function DemoCarousel() {
    return _react2.default.createElement(
        _Carousel2.default,
        {
            showArrows: true,
            infiniteLoop: true,
            autoPlay: true,
            emulateTouch: true,
            onClickItem: _onClickItem,
            onChange: _onChange,
            onClickThumb: _onClickThumb
        },
        _react2.default.createElement(
            'div',
            null,
            _react2.default.createElement('img', { src: 'assets/1.jpeg' }),
            _react2.default.createElement(
                'p',
                { className: 'legend' },
                'Legend 1'
            )
        ),
        _react2.default.createElement(
            'div',
            null,
            _react2.default.createElement('img', { src: 'assets/2.jpeg' }),
            _react2.default.createElement(
                'p',
                { className: 'legend' },
                'Legend 2'
            )
        ),
        _react2.default.createElement(
            'div',
            null,
            _react2.default.createElement('img', { src: 'assets/3.jpeg' }),
            _react2.default.createElement(
                'p',
                { className: 'legend' },
                'Legend 3'
            )
        ),
        _react2.default.createElement(
            'div',
            null,
            _react2.default.createElement('img', { src: 'assets/4.jpeg' }),
            _react2.default.createElement(
                'p',
                { className: 'legend' },
                'Legend 4'
            )
        ),
        _react2.default.createElement(
            'div',
            null,
            _react2.default.createElement('img', { src: 'assets/5.jpeg' }),
            _react2.default.createElement(
                'p',
                { className: 'legend' },
                'Legend 5'
            )
        ),
        _react2.default.createElement(
            'div',
            null,
            _react2.default.createElement('img', { src: 'assets/6.jpeg' }),
            _react2.default.createElement(
                'p',
                { className: 'legend' },
                'Legend 6'
            )
        )
    );
};

_reactDom2.default.render(_react2.default.createElement(DemoCarousel, null), document.querySelector('.demo-carousel'));