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
Bootstrap Carousel Controls Responding but need them to be more precise
How to make controls in the bootstrap carousel to change slides only when being clicked on? (I have text in my website and it makes it difficult for users to fill out the application)
Sebastian Cavazos
- 11
- 2
0
votes
0 answers
disable a picture in carousel bootstrap
Can i disable a picture in bootstrap-carousel using a button? the picture i am using for slideshow is from the database. Can you help me to solve this problem. this is my code.
while($row =enter code here mysqli_fetch_array($result))
{
…
0
votes
0 answers
bootstrap 3.3.5 carousel, transition between images,images are half height
The error I get from the carousel is the following, When switching images, the next one is on half on the transition, when it ends, it gets the full height. And sometimes, the next image blinks a lot, changing the width and height until the…
Guilherme R.
- 1
- 3
0
votes
1 answer
Bootstrap 4 Carousel Multiple Images Slide Delay
I am trying to use this script https://bootsnipp.com/snippets/dl6ez to implement the slider on a website. One problem with this slider is, when I assign a background to the website, e.g. red like on this example…
romik
- 23
- 2
0
votes
0 answers
Why is Bootstrap 3 carousel ignoring "data-interval" attribute in Rails app?
The question was asked before on Stackoverflow here: Bootstrap carousel ignoring data-interval attribute
But the answer was not relevant in my case.
As stated in the title the data-interval attribute does not change the time each slide lingers in…
Owen
- 361
- 1
- 5
- 16
0
votes
1 answer
Bootstrap carousel nested in bootstrap tab "~ active" issue
Update: The tabs is also Bootstrap tabs. So in other words, i have a bootstrap carousel in a bootstrap tab. When you select the 'tab' bootstrap fires off a 'remove active' for the other tabs. Sadly it bleeds down into my carousel and removes the…
Jim VanPetten
- 413
- 3
- 11
0
votes
1 answer
What is wrong with my Bootstrap carousel? Is it the wrong Bootstrap style/javascript file?
Hi Dear Experts can you help me in the following issue?
While trying to make slideshow using bootstrap I am facing two problems, 1. Slides are stacked beneath another. 2. Slides do not ride or slide from one side to other. 3. Next/Prev glyphicons…
user3527068
- 19
- 1
- 5
0
votes
0 answers
Bootstrap carousel 2 items per slide javascript for loop
I have an array; that looks like this:
array = [
{
id:1,
metadata:['object','object']
},
{
id:2,
metadata:['object','object']
},
{
id:3,
metadata:['object','object']
}]
this is what I'm doing:
array.forEach(function(elem){
…
babadahal
- 41
- 6
0
votes
2 answers
How to size a carousel relative to the viewport size Boostrap 4.1.0
Goals
Make the carousel 60% x 60% of the size of the viewport.
Make all images be the same size as the slideshow.
Make the carousel fluid.
Does anyone know how to implement this? This seems to be a stubborn problem for me.
srpalo
- 493
- 1
- 5
- 12
0
votes
2 answers
update active element for auto slide bootstrap carousels
I have 3 bootstrap carousels (just one is visible, depending on what you click here):
All of them are working the same. If I click another slide, this is activated (adds class selected). It looks like this:
But when its auto-sliding to another…
Krystian
- 887
- 5
- 21
- 52
0
votes
1 answer
Bootstrap: controls cause a JS error on the second carousel
First of all, sorry for my bad english. And thank you very much, in advance, for your help.
On a custom WordPress, I have this code with two bootstrap carousel:
…
Sam
- 1
0
votes
0 answers
Adding content to Bootstrap modal using AngularJS
I am trying to make a slideshow (Bootstrap Carousel) inside a Bootstrap modal. For that matter, I want to dynamically add new slide containers giving data using AngularJS. So far, I am able to make slide 1 and have done that using objects and then…
s4tr2
- 415
- 1
- 9
- 27
0
votes
1 answer
Bootstrap Carousel makes Html5 video flicker on chrome
Can anyone explain to me why this Bootstrap Carousel makes the HTML5 video flicker on google chrome? Every time the carousel changes image the video below flickers, I don't understand what is wrong with this, it has something to do with the class…
dank
- 15
- 9
0
votes
0 answers
Dynamically change background based on AngularJS $scope array $index and Bootstrap carousel
I'm using Bootstrap carousel for some dynamically created slides that have different slide duration. I used THIS and it works fine. What I want to achieve is that when the first slide is displayed, the background is different.
Here's a JSFiddle. I…
Tomo
- 429
- 1
- 10
- 24
0
votes
2 answers
Bootstrap carousel shows first image only even though it's sliding to the next ones
My bootstrap carousel includes 4 images. The sliding/carousel itself is working fine but somehow only the first picture is shown whereas when sliding to picture 2-4, the screen is only sliding to white space, showing the image descriptions.
sonja
- 924
- 1
- 21
- 52