https://github.com/binaryify/react-carousel
react-carousel
https://github.com/binaryify/react-carousel
carousel react
Last synced: 11 months ago
JSON representation
react-carousel
- Host: GitHub
- URL: https://github.com/binaryify/react-carousel
- Owner: Binaryify
- Created: 2015-12-12T15:27:24.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2016-12-06T01:48:57.000Z (over 9 years ago)
- Last Synced: 2025-04-17T16:03:51.302Z (11 months ago)
- Topics: carousel, react
- Language: JavaScript
- Size: 2.94 MB
- Stars: 55
- Watchers: 6
- Forks: 18
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React-carousel
this is react-carousel component and it suport Responsive layout!(suport gesture operation!)
这是个react轮播图组件,并且它是响应式的!(支持手势操作!)
[demo地址](http://binaryify.github.io/demo/example/)
#Start
```
$ git clone git@github.com:zhuangtongfa/react-carousel.git
$ npm install
$ npm start
```
#Usage
```html
```
```js
import React from 'react';
import ReactDOM from 'react-dom'
import Slider from './slider.jsx';
var slides = [{
background: "./imgs/1.jpg",
link: "https://zhuangtongfa.github.io/"
}, {
background: "./imgs/2.jpg",
link: "https://zhuangtongfa.github.io/"
}, {
background: "./imgs/3.jpg",
link:"https://zhuangtongfa.github.io/"
}];
ReactDOM.render( < Slider slides= {slides} time="2000"/ > , document.getElementById("app"));
```