A slideshow component for cycling through elements, like a carousel. Nested carousels are not supported.
Questions tagged [bootstrap-carousel]
272 questions
0
votes
1 answer
How to vertically align carousel indicators in Bootstrap 5?
I don't know how to vertically align the carousel indicators in Bootstrap 5. All the solutions that I'm finding here are for Bootstrap 4, which don't work for me. This is my carousel indicators markup.
…
Ibrahim Farooq
- 408
- 1
- 3
- 14
0
votes
1 answer
How do I show all indicators for carousel in an ng-repeat?
I have several slides and I'm able to show all indicators if I simply enumerated them similar to the example in here: https://www.w3schools.com/bootstrap/bootstrap_carousel.asp.
However, the number of slides is dynamic that's why I am using…
ericute
- 144
- 1
- 2
- 15
0
votes
1 answer
Bootstrap 5 make two carousels slide at the same time when clicking the next and previous buttons only
I am using bootstrap 5 carousels. I need two carousels to slide at the same time. I used data-bs-target=".carousel" but it does not work. My code is below:
Carina
- 27
- 8
0
votes
0 answers
Can't stop Bootstrap Carousel from sliding
I'm using a Bootstrap 3.4.1 Carousel. I tried to prevent it from sliding with JavaScript, but this did not work with an onClick Event, although the event handler is executed. But typing $("#eventCarousel").carousel('pause'); in console stops the…
proachdp
- 27
- 4
0
votes
1 answer
How to allow pinch zoom and swipe in bootstrap carousel?
I'm using Bootstrap Carousel and i have a problem on mobile which is that i can't pinch zoom and use swipe gesture at the same time in the image of the carousel only if i deactivated the swipe. How can i allow pinch zoom and swipe in bootstrap…
Abdo Rabah
- 1,670
- 2
- 15
- 31
0
votes
1 answer
How to get the index number of active class properly
I am working on this demo. Why am I not able to get the current index number of .carousel-item.active properly?
As you can see when second slide is showing I am still getting the first slide index and so on.
var totalItems =…
Behseini
- 6,066
- 23
- 78
- 125
0
votes
2 answers
Bootstrap indicators and slide controls not working
I am using this as a way to learn how to make carousel with thumbnails, I am doing exactly what they have done(or I think I have) but clicking on thumbnails is not working and neither are the indicators. The only thing I have changed is the cdn for…
AmPhIbIaN26
- 11
- 2
0
votes
1 answer
Adding active class in Carousel Bootstrap Ajax Jquery
I have this set of code which mange to call the image dynamically from database (data reference table)
HTML Carousel:
Nurzam Faiz
- 13
- 6
0
votes
1 answer
Bootstrap Carousel ~ putting hashtags in browser
I made a Carousel, and here's the code:
-
…
Web Developer
- 333
- 4
- 17
0
votes
2 answers
Multiple Carousels per Page Bootstrap 5
I'm having trouble getting multiple Bootstrap carousels to function properly on one page. I know that Bootstrap says to set unique IDs for each new carousel, but for the life of me I can't figure out how exactly to do that. As such, only one…
Joshc_5
- 13
- 1
- 2
0
votes
1 answer
How can you change an image on a bootstrap carousel on click?
I currently have a bootstrap carousel with 3 images each image has a caption I want it so when you click on the caption on the first carousel image the image will change to a gif but it isn't working using basic JavaScript.
I want plymouthImg to…
Morgan
- 67
- 8
0
votes
1 answer
w3 bootstrap carousel in asp.net webforms
I am trying to implement Bootstrap Carousel in ASP.NET Web Forms, but bootstrap carousel is not working on site. Only images are being displayed without carousel slider. I have added css and javascript files to Site.Master and bootstrap carousel…
0
votes
1 answer
I am trying to implement Vue data into a Bootstrap carousel
The first slide works perfect, but the second slide won't load the Vue data into the slide. I can't use Vue slick carousel or array functions since the carousel has so many objects. It also breaks if I try to separate them into their own sections…
LaS
- 1
0
votes
0 answers
Bootstrap 4 - Having two carousels in the same page makes the last item to bug out overlap
I'm trying to implement two carousels into the same page but for some reason when I do that, on both carousels the last few items bug out overlapping and it resets on the 1st card. Is there a way to work around or am I missing something? It could be…
Kasun Wijesekara
- 167
- 1
- 1
- 13
0
votes
2 answers
React-Bootstrap carousel slider: how to detect current slide in display
I have a bootstrap slider (through the library: React-Bootstrap) and would like to find a way to detect the current slide in display (through classes code and not hooks). Here is the Slider component:
//import image1, image2, image3
class…
Ghadir
- 507
- 10
- 21