前言：
目前兄弟们对“css中gallery”大致比较重视，同学们都想要知道一些“css中gallery”的相关文章。那么小编同时在网上搜集了一些对于“css中gallery””的相关文章，希望兄弟们能喜欢，你们一起来了解一下吧！介绍
react-image-gallery是一款支持缩略图的实用性图片预览组件，具备自动播放的功能，以及大量的自定义配置，属于比较实用一类的组件！
Github
特性滑动手势缩略图导航全屏支持自定义渲染的幻灯片RTL支持响应式设计大量的自定义配置轻巧〜7kb压缩快速入门
React Image Gallery需要React 16.0.0或更高版本。
npm install react-image-gallery样式导入（使用webpack）
# SCSS@import "~react-image-gallery/styles/scss/image-gallery.scss";# CSS@import "~react-image-gallery/styles/css/image-gallery.css";范例
import ImageGallery from 'react-image-gallery';const images = [ { original: '原图地址1', thumbnail: '缩略图地址1', }, { original: '原图地址2', thumbnail: '原图地址2', }, { original: '原图地址3', thumbnail: '原图地址3', },];class MyGallery extends React.Component { render() { return <ImageGallery items={images} />; }}动图演示轮播图幻灯片
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #css中gallery
