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
1 answer

multiple carousel maximum callstack exceeded on single page Jquery/Vanilla Javascript

So I'm trying to implement an infinite autoplay multiple carousel using Jquery. I have created two different carousel blocks on same page this is the body of the page
saltyLake
  • 13
  • 3
1
vote
1 answer

How to control Ngb bootstrap carousel slide by button in Angular

I have a scenario like this: Display Ngb Bootstrap carousel and control the slide images by two buttons: Previous and Next. When Previous button was clicked then show previous slide image and Next button was clicked then show next slide…
SangBui
  • 11
  • 2
1
vote
1 answer

ReactJs carousel - how to force items to snap after a swipe?

I'm building a react carousel and have the basic app set up. It's a slider that follows your finger on mobile, basically a flexbox with overflow: scroll. The buttons work by scrolling the container by (item index * the width of the item) times, so…
Lursmani
  • 159
  • 1
  • 10
1
vote
1 answer

How can I create an array of indexes of props.children elements of a component in React

I'm trying to build a carousel app where you can put the carousel items as children of the carousel component. return (
…
Lursmani
  • 159
  • 1
  • 10
1
vote
0 answers

SwiftUI: Get height of content inside of ScrollView to update frame

I need to update the height of my ScrollView depending on the content height inside of it. I have a working carousel below: struct PostsPaging: View where Content: View { @Binding var index: Int let maxIndex: Int let content: () ->…
Ryan
  • 155
  • 1
  • 14
1
vote
1 answer

The getter 'key' was called on null while using Carousel on latest version of flutter

I'm getting this exception on Carousel after updating flutter to the latest version. Carousel was working fine on flutter version 1.22.4. But upon switching to latest version (2.0.3), I'm getting this exception. Below are the code and exception.…
Faizan Kamal
  • 1,732
  • 3
  • 27
  • 56
1
vote
0 answers

Change bootstrap carousel indicator

I used bootstrap 5 carousel. I want to change indicator icon to round.
1
vote
0 answers

Owl carousel with lightbox

I am trying to add a lightbox into in owl carousel already I tried few of methods but was impossible is somebody that sort it out? Anything that I am doing in my themes owl carousel is impossible to add the lightbox feature. Please if you have any…
Grantalocos
  • 11
  • 1
1
vote
1 answer

Carousel Bootstrap 5: JQuery to Javascript

I need a bootstrap 5 carousel, showing multiple items and slide one at time. All I need is to translate the Jquery code to pure Javascript. Then I could remove the jquery dependency. I found this solution does the job, is light, and…
Happy Development
  • 77
  • 9
1
vote
3 answers

Fixing react-responsive-carousel display on mobile

I'm still a beginner with ReactJS and I need to create a Carousel that is responsive, the way I need to leave is like this: I was able to create Carousel on both desktop and responsive using the react-responsive-carousel library. The problem is that…
Tainara
  • 317
  • 1
  • 5
  • 14
1
vote
0 answers

How to make list of divs into carousel by 4 columns in javascript or jquery

Can anyone help me turn the below html codes into carousel by 4 columns? that would look something like this screenshot? hopefully in javascript or jquery? enter image description here
Procopio Manananggut
  • 9
  • 2
1
vote
0 answers

React-elastic-carousel only functional after resizing window

I've just started using the react-elastic-carousel package and am running into an issue on page load. Everything loads up on page load/refresh, but when I click the arrow to move the carousel, the items aren't rotating. Only upon resizing the window…
jbeaird
  • 11
  • 1
1
vote
1 answer

MotionLayout/Carousel current state

I have MotionLayout with Carousel. I want to run some code, when user swipe and move to next slide. To simplity - I have three slides, SLIDE 1, SLIDE 2, SLIDE3. I need to run some code (change other UI elements, make a toast, ...) when current item…
Tom11
  • 2,419
  • 8
  • 30
  • 56
1
vote
0 answers

Inside a bootstrap carousel with images and text, can I have links that open the images in a modal or in a new browser window?

I have a bootstrap carousel with images and text, and I'm trying to have a link inside the paragraph (the link could also be on the same image) that should open the image in a new window. But I only get the link that when clicked doesn't show image…
Luis Costa
  • 31
  • 5
1
vote
1 answer

Why background image is not appearing in Carousel?

I am using this carousel react-responsive-carousel for my demo application. But my carousel background image is not displayed properly. Here is my code https://codesandbox.io/s/late-moon-d27jc?file=/src/App.js import React, { Component } from…
user944513
  • 12,247
  • 49
  • 168
  • 318
1 2 3
…
99 100