Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bootstrap Carousel touch swipe #33688

Closed
MrSheeshs opened this issue Apr 19, 2021 · 3 comments
Closed

Bootstrap Carousel touch swipe #33688

MrSheeshs opened this issue Apr 19, 2021 · 3 comments

Comments

@MrSheeshs
Copy link

MrSheeshs commented Apr 19, 2021

i used this example:

<div id="carouselExampleDark" class="carousel carousel-dark slide" data-bs-ride="carousel">
      <div class="carousel-indicators btn_rounded_mycss">
        <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
        <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="1" aria-label="Slide 2"></button>
        <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="2" aria-label="Slide 3"></button>
      </div>
      <div class="carousel-inner">
        <div class="carousel-item active" data-bs-interval="10000">
          <img src="../img/foto/primo/img1.jpg" class="d-block w-90 mycss" alt="...">
        </div>
        <div class="carousel-item" data-bs-interval="10000">
          <img src="../img/foto/primo/img2.jpg" class="d-block w-90 mycss" alt="...">
        </div>
        <div class="carousel-item" data-bs-interval="10000">
          <img src="../img/foto/primo/img3.jpg" class="d-block w-90 mycss" alt="...">
        </div>
      </div>
      <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
      </button>
      <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
      </button>
    </div>

the swipe is reverse, when i swap left the img went right and viceversa in Mobile devices.
and
Can i make pc devices swipe the images ?
sorry for my english, i hope you can understand.

@GeoSot
Copy link
Member

GeoSot commented Apr 19, 2021

Duplicate of #33655 #33657, #33683
Fixed by #33499

@GeoSot GeoSot closed this as completed Apr 19, 2021
@MrSheeshs
Copy link
Author

i am new at github, i still dont get it, how do i fix it ?

@alpadev
Copy link
Contributor

alpadev commented Apr 21, 2021

i am new at github, i still dont get it, how do i fix it ?

Just wait for the next release. It will be fixed by this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants