A jQuery plugin that makes it

http://dohoons.com/test/flick

<script src="jquery.touchSlider.js"></script> 또는 NPM으로 설치해서 사용

$ npm i jquery.touchslider

var $ = require('jquery'); require('jquery.touchslider')($); 기본 사용법

#touchSlider { background:#ccc; position:relative; overflow:hidden; } #touchSlider ul { position:absolute; top:0; left:0; overflow:hidden; } #touchSlider ul li { height:150px; background:#9C9; font-size:14px; color:#fff; }

<div id="touchSlider"> <ul> <li style="background:#9C9">content 1</li> <li style="background:#396">content 2</li> <li style="background:#39C">content 3</li> <li style="background:#33C">content 4</li> </ul> </div>

$("#touchSlider").touchSlider({ // ... Options page: 2 }); React.js에서 사용하기 Example : https://codesandbox.io/s/jquerytouchslider-ri7zy Options