react-responsive-carousel icon indicating copy to clipboard operation
react-responsive-carousel copied to clipboard

transitionTime seems to be broken

Open Pagnito opened this issue 3 years ago • 2 comments

Hi, I have the carousel running and everything works, except the transition time doesn't. When I specify transitionTime, it breaks the animation and just changes from slide to slide instantly.

    <Carousel
      autoPlay
      renderIndicator={couraselIndicator}
      showStatus={false}
      swipeable={true}
      showThumbs={false}
      animationHandler={'fade'}
      infiniteLoop={true}
      transitionTime={2}
    >
      {slides()}
    </Carousel>

Pagnito avatar Jan 31 '22 03:01 Pagnito

if you want 2 seconds as transition time, you have to use transitionTime={2000} since it is in milli-second unit

toey-sup avatar Feb 14 '22 10:02 toey-sup

As a note @toey-sup , the docs don't specify the unit. Not too difficult to test and figure it out, just mentioning. https://github.com/leandrowd/react-responsive-carousel

ice1080 avatar Aug 11 '22 18:08 ice1080

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

stale[bot] avatar Feb 09 '23 01:02 stale[bot]