sliderok

responsive slider Initial structure:

import React, {useEffect} from 'react'; import {Sliderok} from "sliderok"; import 'sliderok-theme.scss'

const Index = () => { const initialSettingsSlider = { transitionSpeed: 1000, transitionMode: 'linear', slidesToShow: 1 };

return (
    <div className='page-index'>
        <Sliderok
            {...initialSettingsSlider}>
            <div className='mySlide'>
                <img
                    src="https://i.pinimg.com/originals/3d/d0/4b/3dd04b8140455b3c6bbe459066c305f3.jpg"
                    alt=""/>
            </div>
            <div className='mySlide'>
                <img
                    src="https://img-fotki.yandex.ru/get/4901/102699435.9da/0_b896e_61ceed38_L.jpg"
                     alt=""/>
            </div>
            <div className='mySlide'>
                <img
                    src="http://img.bibo.kz/?4091948.jpg"
                    alt=""/>
            </div>
            <div className='mySlide'>
                <img
                    src="https://i02.fotocdn.net/s108/6a8cbb333999a353/public_pin_m/2377099512.jpg"
                    alt=""/>
            </div>
            <div className='mySlide'>
                <img
                    src="http://www.mayel.ru/new/wp-content/uploads/2015/04/Adriatika1-500x400.jpg"
                    alt=""/>
            </div>
        </Sliderok>
    </div>
)

};

export default Index;