Stack Overflow
Stack Overflow

Questions tagged [carousel]

A rotating display of content can house a variety of content that usually includes "next" and "previous" buttons to rotate through the content.

A rotating display of content can house a variety of content that usually includes "next" and "previous" buttons to rotate through the content.

A simple example of a carousel that displays images:
A Simple Example

Image Source: http://sorgalla.com/projects/jcarousel/

6217 questions
23
votes
2 answers

twitter bootstrap carousel size

I'm creating a website for my dad using Twitter Bootstrap, it's done except for one thing: I can't figure out how to: - reduce the carousel width - center the carousel - make scroll arrows still on image here is the website so you can check the…
user2016949
  • 233
  • 1
  • 2
  • 4
23
votes
6 answers

Twitter Bootstrap Carousel Not Sliding

I ran into an interesting issue. I'm pretty sure that the answer is very simple, but I just couldn't figure it out so I thought I look for some help. Basically, my carousel doesn't slide. It just switches image. I even tried copying the exact HTML…
juminoz
  • 3,168
  • 7
  • 35
  • 52
22
votes
4 answers

Twitter Bootstrap carousel vertical sliding

Is it possible to implement vertical carousel sliding widh Twitter Bootstrap? In bootstrap.js I find this , slide: function (type, next) { var $active = this.$element.find('.active') , $next = next || $active[type]() , isCycling =…
Qwadrat
  • 223
  • 1
  • 2
  • 6
20
votes
8 answers

Twitter Bootstrap Carousel not automatically starting

I have a carousel on my site that was created with Twitter Bootstrap. I'm not sure why it does not start automatically though when the page loads, it does not initiate until you click on the arrow to advance to the next slide, then the timer kicks…
Bennie
  • 509
  • 1
  • 4
  • 19
20
votes
10 answers

Twitter Bootstrap Carousel autoplay on load

Using the twitter bootstrap framework, how is it possible to invoke the carousel to 'auto slide.' Meaning when the page loads, the carousel automatically scrolls. I have tried a javascript onLoad click function for the of the next link, but this…
user2132041
19
votes
3 answers

Bootstrap Carousel Caption Top Alignment?

I'm not trying to do anything too fancy here, but instead of the Bootstrap Carousel Captions defaulting to aligning to the bottom of the Carousel, how do I get them to default align to the top?
rayleone
  • 586
  • 1
  • 5
  • 15
19
votes
6 answers

Twitter Bootstrap: Have carousel images full width and height

this seems as a trivial question but after a couple of hours fiddling with the Twitter Bootstrap carousel in their example (http://twitter.github.io/bootstrap/examples/carousel.html) I resort to SO for some help. I want the carousel to display the…
Lasse
  • 349
  • 1
  • 7
  • 16
18
votes
3 answers

bootstrap 4 carousel caption is not visible on small devices

I was practicing bootstrap 4 carousal example given in http://v4-alpha.getbootstrap.com/examples/ . carousal caption is not visible when testing it for mobile or small screen. Any help please.
18
votes
1 answer

Implement a CSS-only slideshow / carousel with next and previous buttons?

For some time now, off and on, I've been trying to implement a CSS-only slideshow, one that would: Offer forward and backward navigation. Not modify navigation history. Instil a distinct direction to the movement of the content. Work across as many…
Pebbl
  • 34,937
  • 6
  • 62
  • 64
18
votes
2 answers

bootstrap 3 multi column responsive carousel

I've been playing with the bootstrap carousel, trying to make it display 4 columns per slide, responsively. The responsive side of things is perfect, however when the last slide slides the carousel isn't wrapping back to the first slide. It just…
gpcola
  • 969
  • 5
  • 15
  • 26
18
votes
1 answer

How to disable bootstrap carousel animation?

For example I have carousel with 3 images, when the carousel slides the new images are added via 'slid' event $('#imageCarousel').on('slid', function (event) { //add more images }); I want to disable animation for the carousel, so transition…
IgorCh
  • 2,641
  • 5
  • 22
  • 29
18
votes
1 answer

How do I stop auto sliding in my flexslider?

How to stop auto sliding in a flex slider? I have loaded that slider in my mobile web page. When the page is opened, it slides to the next image without any slide or tap event. How to stop this auto slide transition? I need to make it working only…
krishna moorthy
  • 359
  • 1
  • 2
  • 14
17
votes
6 answers

Image slider: maintaining equal height for all images while keeping slider responsive

In my JS image slider (Owl-Carousel), images have different dimensions: http://goo.gl/KmpX2P You can see that the image height varies within the carousel. How to make it constant while keeping carousel responsive? I need images to fill the slider…
drake035
  • 3,955
  • 41
  • 119
  • 229
17
votes
5 answers

Bootstrap 3 Carousel Not Working

My carousel from Bootstrap won't display my images or react to the controls. This is my HTML: Skates R Us …
Liam Potter
  • 1,732
  • 8
  • 24
  • 47
17
votes
4 answers

Fixed height and width for bootstrap carousel

I am using the bootstrap carousel but I want a fixed width and height so that all my images will auto fit to the defined height and width. Can someone please help me on achieving this.
nishantvodoo
  • 835
  • 3
  • 17
  • 32
1 2
3
…
99 100