【问题标题】:React Materialize Carousel AutoplayReact Materialise Carousel 自动播放
【发布时间】:2019-10-15 07:20:26
【问题描述】:

鉴于下面的代码,我想让轮播在上述时间间隔内自动播放。但是,作为 React 的新手,我不知道该怎么做。我曾尝试搜索答案并尝试使用 carousel('next'),但没有成功。我仍在寻找答案,并希望能解决这个问题。谢谢!

import React from 'react';
import { Carousel } from 'react-materialize';

const Header = () => {
const imgArr = [
'https://picsum.photos/200/300?image=0',
'https://picsum.photos/200/300?image=1',
'https://picsum.photos/200/300?image=2',
];

return (
<Carousel
  className='tabs'
  options={{ duration: 100, indicators: true }}
  images={imgArr}
/>
);
);

【问题讨论】:

  • 你可以在不使用 react-materialize 的情况下做到这一点。

标签: reactjs carousel materialize autoplay


【解决方案1】:

你可以改用这个插件:http://www.linxtion.com/demo/react-image-gallery/

您可以使用道具 slideInterval 来决定下一张幻灯片何时发生。

【讨论】:

  • 嗨,尼科。我已阅读文档以及如何安装 ImageGallery 组件,它正在工作。 Tho,我想跟进是否有Carousel组件可以播放的方式?谢谢!
  • github.com/xiaolin/react-image-gallery#props autoPlay:布尔值,默认为假;将自动播放设置为 true
猜你喜欢
  • 1970-01-01
  • 2021-05-12
  • 2015-02-19
  • 2012-11-11
  • 2018-04-28
  • 1970-01-01
  • 1970-01-01
  • 2021-02-19
  • 2018-09-04
相关资源
最近更新 更多