React 轮播图

819 阅读1分钟

效果图:

import ImageGallery from 'react-image-gallery';
 
const images = [
  {
    original: 'https://picsum.photos/id/1018/1000/600/',
    thumbnail: 'https://picsum.photos/id/1018/250/150/',
  },
  {
    original: 'https://picsum.photos/id/1015/1000/600/',
    thumbnail: 'https://picsum.photos/id/1015/250/150/',
  },
  {
    original: 'https://picsum.photos/id/1019/1000/600/',
    thumbnail: 'https://picsum.photos/id/1019/250/150/',
  },
];
 
class MyGallery extends React.Component {
  render() {
    return <ImageGallery showFullscreenButton={false}
                        showPlayButton={false}
                        autoPlay={true}
                        slideDuration={1000}
                        items={images} />;
  }
}

属性:

更多属性请查看来源链接:www.npmjs.com/package/rea…