2.0.18 • Published 6 years ago
react-image-carousel v2.0.18
react-image-carousel
React image carousel is a React component for building image galleries and carousels
- Thumbnail navigation configurable
- Fade In/Fade Out
- Autoplay configurable
- Loop configurable
- Prev/Next image
Live Demo
Live demo: https://grace951.github.io/react-image-carousel/
Example
Need more example? See examples
import { render } from 'react-dom';
import React from 'react';
import Carousel from 'react-image-carousel';
let images = [
'/img/landing1.jpg',
'/img/landing2.jpg',
'/img/landing3.jpg',
'/img/landing4.jpg',
'/img/landing5.jpg'
];
render(<div className="my-carousel">
<Carousel images={images}
thumb={true}
loop={true}
autoplay={3000}/>
</div>, document.getElementById("app"))
Props
thumb
: Boolean, defaulttrue
- thumbnail navigation
loop
: Boolean, defaulttrue
- infinite sliding
image
: Array, default[]
- source of images to show
autoplay
: Number, default3000
- add this prop to enable autoplay, the value is set to slide interval
Notes
- Feel free to contribute and or provide feedback!
Build the example locally
git clone https://github.com/Grace951/react-image-carousel.git
cd example/example2
npm install
npm start
Then open localhost:3000
in a browser.
License
MIT
2.0.18
6 years ago
2.0.17
6 years ago
2.0.15
6 years ago
2.0.10
6 years ago
2.0.9
6 years ago
2.0.8
6 years ago
2.0.7
6 years ago
2.0.6
6 years ago
2.0.5
6 years ago
2.0.4
6 years ago
2.0.3
6 years ago
2.0.1
6 years ago
1.0.17
7 years ago
1.0.16
7 years ago
1.0.15
7 years ago
1.0.14
7 years ago
1.0.12
7 years ago
1.0.11
7 years ago
1.0.10
7 years ago
1.0.9
7 years ago
1.0.8
7 years ago
1.0.7
7 years ago
1.0.6
7 years ago
1.0.5
7 years ago
1.0.4
7 years ago
1.0.3
7 years ago
1.0.2
7 years ago
1.0.0
7 years ago