Questions tagged [bootstrap-carousel]

A slideshow component for cycling through elements, like a carousel. Nested carousels are not supported.

272 questions
0
votes
1 answer

bootstrap carousel caption animation only activated on second slide

I'm working on a bootstrap carousel in which it shows the image first and then the caption slides in from the right after a few seconds. It works but there's an issue with the first slide, where it shows the caption of the first slide when it moves…
MariaL
  • 1,112
  • 2
  • 16
  • 41
0
votes
1 answer

Get active value from a carousel to an URL

I am working with ASP.net MVC 5, I have created a bootstrap carousel/slideshow with 4 images, I want to get the id of the active slide on this carousel. Then, when an user is clicking on an submit button, I can redirect him to another page recording…
Ben
  • 37
  • 11
0
votes
1 answer

bootstrap carousel not working in mvc application

I am getting the error is JavaScript run time error: Unable to get property 'offsetWidth' of undefined or null reference.
Jaganath
  • 34
  • 2
0
votes
0 answers

carousel angular2 not loading images from local disk

I'm trying to add a carouel component to my page using images from local disk First slide Second slide
B. Tiba
  • 31
  • 5
0
votes
3 answers

Bootstrap carousel not responsive in Chrome and Opera

I have a problem where Bootstrap carousel will stretch or squish my images inside the carousel when resizing the window. It also stretches my image vertically even when width and height attributes match the size of the image. I have tried every…
0
votes
2 answers

Bootstrap carousel animation

I'm trying to add some simple animation to a bootstrap carousel. the code is like the below:
0
votes
1 answer

Bootstrap Carousel Disables Navigation Bar After Transition

I'm using the bootstrap 4 carousel in rails 5 as a background of my site. I have a navigation bar with pills, which links to different parts of the page. Everything works when the page loads until the first image transitions to the next one. Then…
0
votes
2 answers

Images in Bootstrap carousel won't show up

So, my images don't show in my carousel. I have tried changing the name several times and nothing happens. I have even put the images into the img folder. I'm using Grayscale template by the way. Can someone explain?

0
votes
1 answer

Overlay is hiding button main text and button

I Have in an overlay with .7 opacity worked well in a carousel but when i changed browser. the overlay is in top of my main content (H1- btn ) etc .. i gave the main-content a z-index 3 and overlay a z-index 2 but when i use firefox it does work…
LeLou
  • 45
  • 1
  • 5
0
votes
1 answer

How to change position of caption on each Bootstrap carousel slide?

This is just a general question I suppose. I'm creating a carousel/slider using bootstrap and I want to know how to make the caption on each slide change in placement. I've tried creating an id to go along with the class with no luck and changing…
Lubidia13
  • 47
  • 12
0
votes
2 answers

Bootstrap Carousel Not working and interfering with other jquery. Why is that?

I have been trying for quite some time to figure out how to insert a bootstrap carousel with no luck. I don't know if it's bc of how I'm inserting the script. I downloaded bootstrap and put it into my folder. I'm following video after video and…
Lubidia13
  • 47
  • 12
0
votes
2 answers

change bootstrap carousel id

i have carousel with width=300px and height=300px I wanted to display modal and clone all carousel dom elements to view it larger every thing is copied as i wanted. but on clicking next prev buttons the older carousel moves not the one in modal I…
alamnaryab
  • 1,480
  • 3
  • 19
  • 31
0
votes
1 answer

bootstrap carousel: determine width of inactive caption

I want to determine the width of the captions of the different slides. Actually, it's not a huge problem I thought as the procedure is quite clear for me. Nonetheless, I came across an obstacle. That is to say: I can only calculate the width of the…
Sheldon
  • 959
  • 2
  • 9
  • 16
0
votes
0 answers

Can I change Bootstrap Carousel subElements color and image along with specific slide?

I want to make three element below the carousel change during slideshow. To indicate the specific slide that corresponds with the element. I have done my research, but every time I try to implement someones code it only displays all three elements…
Anthony
  • 111
  • 4
0
votes
1 answer

Using chart js within Bootstrap Carousel

//Sampel Line Chart var LineChartSampleData = { labels: ["Q1", "Q2", "Q3", "Q4", "Q5", "Q6","Q7"], datasets: [{ label: "Sales 1", fillColor: "transparent", strokeColor: "rgba(220,220,220,1)", pointColor:…