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
35
votes
6 answers

How can I change the width and height of slides on Slick Carousel?

http://kenwheeler.github.io/slick/ A friend suggested that I use Ken Wheeler's Slick carousel and I decided to give it a try. I am having a couple of problems with it. The first is that the slides don't load "on top of each other" like they…
ShoeLace1291
  • 4,551
  • 12
  • 45
  • 81
34
votes
7 answers

Bootstrap change carousel height

I have a jsfiddle here - http://jsfiddle.net/gh4Lur4b/8/ It's a full width bootstrap carousel. I'd like to change the height and still keep it full width. Is the height determined by the image height? How can I change the height of the carousel and…
ttmt
  • 5,822
  • 27
  • 106
  • 158
33
votes
5 answers

Vertical scroll is not working with HammerJS and Angular2

I'm having a problem using the HammerJS with Angular2. I have a carousel (based on the bootstrap carousel with Angular2 event handlers) where I'm listening to the swipe left and swipe right events. The swipe itself works perfectly. The problem is…
user1511408
  • 445
  • 1
  • 4
  • 9
32
votes
4 answers

Carousel with Thumbnails in Bootstrap 3.0

I need to make Bootstrap 3.0 Carousel to display a slide of thumbnails. How can I do this? This is an image of what I´m looking for: This is a working example for Bootstrap 2, but I need this for Bootstrap 3.0.: Bootstrap Thumbnail Slider
Martín
  • 3,105
  • 7
  • 25
  • 43
31
votes
6 answers

React-Native Horizontal Scroll View Pagination: Preview Next Page/Card

I want to to a horizontal ScrollView with pagination enabled with one special requirement: each page (or card) is 90% of the container wide. The remaining 10% should be a preview of the next page. It is possible to do this with ScrollView? Can I…
Johannes Filter
  • 1,863
  • 3
  • 20
  • 25
31
votes
6 answers

How to make a owl carousel with arrows instead of next previous

Yesterday I presented a website to a customer. I always use Owl carousel since it's responsive. The client, however, hated the previous, next words, and wanted to change them to arrows. So hence I updated my script. js file. It was very easy to do…
user3806549
  • 1,428
  • 1
  • 17
  • 25
31
votes
4 answers

Show part of next and previous items with Owl Carousel 2.0

I'm using Owl Carousel 2.0. I would like to show one item, a half (or less) of the previous item (left side) and a half (or less) of the next item (right side). Just putting a part of them out on the right and on the left side: I've been trying…
Big-beef
  • 343
  • 1
  • 4
  • 7
30
votes
6 answers

How to center the images in the Owl Carousel

My Owl Carousel contains pictures of different width and height. How do I align them in the middle - both horizontally and vertically? $("#owl-example").owlCarousel({ navigation: true });
Gleb Kemarsky
  • 10,160
  • 7
  • 43
  • 68
28
votes
9 answers

Bootstrap carousel not working with angularjs

I want to use bootstrap carousel along with angular js to display images in carousel content. But, when the navigation links clicked, it displays blank page. My code sample is as follows. (Note : This code works well only with Bootstrap 3.1.0 but…
Rakesh
  • 281
  • 1
  • 3
  • 5
27
votes
5 answers

Android ViewPager2 setPageMargin unresolved

I want to implement Carousel using View Pager2 with preview of left and right page like this: Initially I was using view pager1 which supported. Now I think it's removed viewPagerhost.setPageMargin(20); Any idea how we can achieve this using…
Hitesh Sahu
  • 41,955
  • 17
  • 205
  • 154
27
votes
4 answers

Add slides to Bootstrap 3 carousel dynamically using jQuery

I'm trying to add slides to Bootstrap carousel using jQuery but it is not acting as a slider in the browser. Instead it's showing the images in list view.
idrisjafer
  • 725
  • 1
  • 14
  • 29
27
votes
1 answer

3D Carousel in Android

I am working on 3D Carousel for android. I am using this code and the following is my current output. I want to develop the following 3D shaped carousel. I refered to the following questions which are already asked in SO. How to do 3d Carousel…
DreamsNeverDie
  • 542
  • 2
  • 6
  • 14
26
votes
15 answers

How can I make the Bootstrap js carousel automatically cycle as soon as the page loads?

Using bootstrap.js version 2.02 I'm trying to get the Twitter Bootstrap Carousel to automatically cycle as soon as someone visits my site. Right now, the auto cycling works only after you click one of the cycle buttons at least once. I want the…
Jonathan Larkin
  • 319
  • 1
  • 4
  • 8
23
votes
2 answers

Change Bootstrap 4 Carousel Control Colors

I am using a white background for a Carousel using Bootstrap 4.0 and would like to change the color of the controls. It seems that bootstrap now uses SVG for their carousel icons. This means altering the attributes directly does not work. I am…
Ben Kramer
  • 251
  • 1
  • 2
  • 7
23
votes
1 answer

glob php - return all types of images from directory

I have a php function to grab images from a folder for a carousel and build the carousel on those images. I have a thumbnail folder and a main img folder. My question is, how can I modify this code or what to add in order to recognise more image…
Luke
  • 555
  • 1
  • 5
  • 23
1
2
3
…
99 100