代码之家  ›  专栏  ›  技术社区  ›  cbdeveloper

如何停止使用react reveal/makeCarousel在旋转木马上自动播放

  •  0
  • cbdeveloper  · 技术社区  · 7 年前

    我打算用 react-reveal/makeCarousel

    所以很快,我没办法取消“自动播放”功能。我希望转换发生在鼠标点击和触摸的基础上。

    我遵循本教程:

    https://www.react-reveal.com/tutorials/carousel/

    render (
      <Carousel defaultWait={1000} /*wait for 1000 milliseconds*/ >
        <Slide right>
          <div>
            <h1>Slide 1</h1>
            <p>Slide Description</p>
          </div>
        </Slide>
        <Slide right>
          <div>
            <h1>Slide 2</h1>
            <p>Slide Description</p>
          </div>
        </Slide>
      </Carousel>
    );
    
    0 回复  |  直到 7 年前
        1
  •  0
  •   cbdeveloper    7 年前

    才发现的 defaultWait={0}

    render (
      <Carousel defaultWait={0} /* Disables autoplay */ >
        <Slide right>
          <div>
            <h1>Slide 1</h1>
            <p>Slide Description</p>
          </div>
        </Slide>
        <Slide right>
          <div>
            <h1>Slide 2</h1>
            <p>Slide Description</p>
          </div>
        </Slide>
      </Carousel>
    );