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

CSS: How to make two grids equals (one of them over the other)

I'm trying to make a carousel/slider with React + Javascript from scratch. I have thought that would be good to have two layers. One of them over the other. The upper layer would content the window where we can see the elements of the layer which is…
José Carlos
  • 2,850
  • 12
  • 59
  • 95
1
vote
1 answer

Xamarin forms CarouselView swipe only one element at a time

In my Xamarin.Forms project I need a horizontal carousel swiping of only one element at a time. Is it possible by means of CarouselView? Suggestions? This is my current CarouselView definition:
AndreaGobs
  • 338
  • 2
  • 18
1
vote
1 answer

How do I reduce the number of images that appear on my carousel?

I have a carousel that renders some images with the lib react-responsive-carousel, I would like to know how it is possible to decrease the number of images that appear in my carousel. At the large screen size, I render 3 images on my carousel, but…
Tainara
  • 317
  • 1
  • 5
  • 14
1
vote
1 answer

Slick slider/carousel: Allow scrolling without

Is there a way to let users scroll free inside a slick slider without jumping back to an element? At the moment I can only scroll from one slider item to the next. I want to allow scrolling like in a browser with the mouse or by dragging the…
Cray
  • 5,307
  • 11
  • 70
  • 166
1
vote
1 answer

TypeError: undefined is not an object (evaluating 'nod.images.fluid') --

I am new in Gatsby and trying to place a image carousel on a modal. I have an array of images on Contentful and cannot map the images. I can do it outside of the modal but inside I can't reach to the array . I tried to use different modals,…
Burak özenç
  • 13
  • 1
  • 3
1
vote
1 answer

Can't fix carousel algorithm in react

I have a carousel of slides in my react.js project without using any libraries. When I use an odd amount of images everything works. But when I use even amount, although currentIndex is changing properly only odd images are displayed like 1,3,5 in…
Pietrzi
  • 25
  • 1
  • 4
1
vote
2 answers

How do I modify the interval speed?

This question is for this component: https://ant.design/components/carousel/#header I have attempted autoplayInterval={1000} to no success.
Jordan
  • 11
  • 1
1
vote
2 answers

React Slick Slider href always points to the same link

I have the following slider const Slides = () => { const data = useStaticQuery(graphql` query Slider { allPrismicSlider { nodes { data { slider { alternative_text …
Mac Hooper
  • 103
  • 10
1
vote
1 answer

Script Revision for event.target

I'm kind of a newbie to js, could someone have a look at this code and tell me if it is correct and if it could be improved and how? it is working as intended, but honestly I don`t know if it is well written. Thanks in advance (: …
Julio Pimentel
  • 37
  • 4
1
vote
1 answer

Angular, how to add timer into carousel?

I have created a carousel following a tutorial from a website. Here is the html code of my carousel;
Michael Jordan
  • 117
  • 4
1
vote
0 answers

multi-item-carousel not working when I use it in bootstrap

In my react project I use bootstrap and when I use react multi-item-carousel and in output, only some dots are showing. And when I use multi-item-carousel in another project in which there was no bootstrap used then Carousel appears as…
user14866403
1
vote
0 answers

ScrollTo not working on initial load in new browser and incognito mode

In the script I've written something like this: carousel.scrollTo({left: slideWidth*1.5}); What this does is giving the carousel initial scroll when the page loads. The problem is, when entering the website from a new browser or in incognito mode,…
noiseymur
  • 761
  • 2
  • 15
1
vote
1 answer

database values not displaying in carousal in codeigniter php

i have a website in which i used carousel sliders to display images and its values, I have 3 carousel in my homepage, 3 of them have same code, however the first carousel is not displaying name and price like the 2nd and 3rd carousel: as you can…
Zubair Nazer Oliyat
  • 129
  • 8
1
vote
3 answers

Disable Swipe Actions on Kivy Carousel

I am using Kivy Carousel to build an App. However I would like to maintain Manual control of the carousel and disable the swipe action (I will manually call carousel.load_next) I have looked through the Documentation but cannot see any way to…
Seotha
  • 13
  • 3
1
vote
2 answers

How to detect if the user has clicked on the arrows in react-multi-carousel?

How can I detect if the user has clicked the previous/next arrow to toggle the value of the autoplay in react-multi-carousel? return (
Pep
  • 647
  • 6
  • 20
1 2 3
…
99 100