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
1
vote
2 answers

Slider or Carousel of images backwards doesn't work

Good day I'm making a slider in JavaScript automatically and manually on my own, I don't want to use jQuery or Bootstrap libraries. To change from one image to another, use the arrows or circles (I have not made them functional yet); The circles are…
Jorge Rojas C.
  • 97
  • 8
1
vote
1 answer

How to figure out what block with similar classes cross out fixed block (getBoundingClientRect)?

I have this problem. I have carousel of div blocks of different color. Let's named them ONE , TWO and THREE. Аbove them there is fixed block named - "INFO". So, it setteled between two blocks. If block ONE crosses over Info block on more then 80% I…
MarkSakhar
  • 65
  • 4
1
vote
0 answers

How to make the carousel buttons responsive? Nothing I found has helped yet

I have literally looked up everything and tried everything i found. First off all, there is a white space showing between the pictures, second, I can't click on the buttons to go to the next image, what do I do wrong? I think I am doing something…
mikmik
  • 29
  • 1
  • 2
1
vote
2 answers

How to create carousel slider with firestore image and onclick launch url in flutter?

I want to create carousel slider in flutter with cloud firestore. I created cloud firestore collection with the name of "slider" and i have two fields one is "image" and another one is "url". Now i need to stream firestore collection in my carousel…
Player Mayan
  • 51
  • 1
  • 1
  • 5
1
vote
0 answers

How to smoothly animate transition cells in uicollectionview in custom flowLayout

I want to create an app that shows an array of photos with captions (for now I have empty circles) that are arranged in horizontal uicollectionview. I want to make one larger circle to be displayed in the center of the screen, but the remaining…
Siemaszefie
  • 53
  • 1
  • 5
1
vote
0 answers

How to check object overlapping in carousel - JavaScript

I have a javascript carousel with blocks of different colors (1,2,3 ...). I need to check object overlay.Div block - INFO is fixed over carousel. For example, if block #1(grey one) will be under block - INFO(like in the photo), the text from block…
MarkSakhar
  • 65
  • 4
1
vote
1 answer

Bootstrap v4: carousel dissapear after first slide :(

(NB: I am a student and learning ,pls gentlmens do not be mad on the question,thx.) Long story short: I have my bootstrap v4 carousel *(https://getbootstrap.com/docs/4.0/components/carousel/). I integrated it on my website header aworks great ,but…
user3464895
1
vote
0 answers

How to do a carousel with data by api using pure JS

Using a pure javascript, I have an api that bring me 30 images, That is working, all of images are in my page, butI limited to show 2 in a page or 1 with max media 768px, they are limited by the width of my div. Also I created a button that need to…
Rafael Gomes
  • 11
  • 1
1
vote
0 answers

Empty item between Owl-item

I am applying owl carousel to a list of products and an empty owl-item is generated in the middle of the elements. This creates a very wide right-hand white space. Ex: https://www.tia.com.ec/cybermami?lid=9ef0d86b-df76-4760-b8ab-fd5d707b29de enter…
Julian Studnik
  • 11
  • 1
1
vote
0 answers

Control arrows of MDBCarousel appearing above the carousel and not on the sides

Recently started using the MDBootstrap Carousel to place my images. Works perfectly but the controls appear above the carousel instead of appearing left and right respectively. Here is the picture of the outcome MDBCarousel Here is the code of the…
Cosmas Ochieng
  • 93
  • 5
1
vote
1 answer

Pause video on bootstrap carousel slide change

I have an array of videos which are displayed by Bootstrap carousel embedded in a modal dialog box. The video doesn't start playing automatically when the modal is show but you need to click on it and it will start playing. My issues is that on…
Anad Dana
  • 81
  • 3
  • 10
1
vote
0 answers

Pause video when changing slide in React JS Carousel reusable component?

I have a reusable Bootstrap carousel component that renders different videos and is working well, but there is one issue when the video is playing and the slide is changed to the next one or the previous one the video doesn't pause but it continues…
Anad Dana
  • 81
  • 3
  • 10
1
vote
0 answers

How to Create a Carousel of Cards that show multiple at a time

I have a Blazor application with Bootstrap 4.5.3 installed. I am looking to create a Carousel however id like to be able to have multiple items showing (Say 1 3 or 5 depending on screen width) and when you click the right or left buttons it shows…
JoeyD
  • 693
  • 4
  • 25
1
vote
1 answer

Click carousel indicator and show relevant slide

I'm building a basic "testimonial" carousel for a project. So far everything is working as expected, except making the carousel indicators clickable for each corresponding slide. The slide items should move forward or back depending on the…
writhisdown
  • 15
  • 5
1
vote
1 answer

Slick carousel - changing default dots

I use this plugin to create a carousel: https://kenwheeler.github.io/slick/ By default, there are dots to control the flow of the carousel. However, I'd like to change the dots to squares and also maintain an "active" effect. So I want this: to…
Bartosz Chodyła
  • 85
  • 1
  • 8
1 2 3
…
99 100