Pause MDBCarousel on hover


Topic: Pause MDBCarousel on hover

Kiruthika J asked 6 years ago

Expected behavior - Carousel should pause onmouseover

Actual behavior - MDBCarousel keeps cycling even on hover.

Resources (screenshots, code snippets etc.)

 <MDBCarousel
        activeItem={1}
        length={3}
        showControls={false}
        showIndicators={true}
        pauseonhover = {true}
      >
    <MDBCarouselInner>
      <MDBCarouselItem itemId="1">
        <MDBView>
          <img
            className="d-block w-100"
            src="https://mdbootstrap.com/img/Photos/Slides/img%20(35).jpg"
            alt="First slide"
          />
        </MDBView>
      </MDBCarouselItem>
      <MDBCarouselItem itemId="2">
        <MDBView>
          <img
            className="d-block w-100"
            src="https://mdbootstrap.com/img/Photos/Slides/img%20(33).jpg"
            alt="Second slide"
          />
        </MDBView>
      </MDBCarouselItem>
  </MDBCarouselInner>
</MDBCarousel>

Bartłomiej Malanowski staff pro premium commented 6 years ago

I think this question should be asked in the MDB React category. Could you please move it there? Otherwise, this will be deleted from this category


Konrad Stępień staff commented 6 years ago

Hi,

For now, there is no such possibility. But do not worry, it will be added in the future. I heartily apologize for the trouble. If you have problems with something else, I'm happy to help.

Your regards, Konrad.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Open

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.13.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No