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
0 answers

Slider Center Mode Styling

I was wondering, has anyone encountered a slider library than can do the same styling (or maybe close) like the attached image? Slider I tried using both slick and owl carousel and styled via CSS and JS but I end up messing up the sliding…
Hookin Nham
  • 15
  • 6
1
vote
1 answer

How to transform an array into a Component in CSML?

I have created a chatbot in CSML and I'm trying to find a way to integrate an array into a carousel. My problem is that I can't loop inside the Carousel component. mainCourse: // my array do menu = [ { "name": "Margarita", "type":"pizza",…
antoinederoja
  • 23
  • 4
1
vote
1 answer

Bootstrap 4 Carousel Not Off-Center on Mobile Viewports

The carousel is displaying fine on desktop and laptop viewports, but displays off-center to the right on mobile viewports. Nothing evident is sticking out and using Chrome developer tools the container appears to be aligned just fine, but for…
Pietro
  • 13
  • 3
1
vote
1 answer

Multiple items in bootstrap carousel `carousel-item` using Twig/Timber/Wordpress and Bootstrap 4

what I want is that each carousel-item hold card group with 3 cards inside .. so .. in this particular case, there are 8 related posts, it would like this .. *[(1)(2)(3)] -> [(4)(5)(6)] -> [(7)(8) ] [Twig file] {% set division = (related|length -…
Luka Juras
  • 25
  • 4
1
vote
1 answer

How can I append an
  • tag to the end of a

    • I have a script that turns an unordered list of images into a horizontal scrolling carousel, but it's misbehaving! Here... setInterval(function(){ $('#scroller ul li:first').animate({ marginLeft : '-165px' }, 2000, 'linear',…
    Chris
    • 882
    • 1
    • 10
    • 22
    1
    vote
    1 answer

    Buggy carousel scrolling in Firefox

    I am using 'react-multi-carousel' with linked items. It works pretty good in Chrome and Opera? and on mobile devices. But in Firefox scrolling meets bugs. I guess this is links added in items cause bugs as with plain image items carousel works good…
    onair_Lena
    • 45
    • 7
    1
    vote
    1 answer

    Slick Carousel: Stop navigation when last item is visible

    I have a simple carousel of items which have the same width. I want to stop the carousel navigation (with the arrows and by dragging the carousel), when the last item in the carousel is visible in the right side of the carousel. Currently, you can…
    Aerra
    • 72
    • 2
    • 19
    1
    vote
    1 answer

    how to use vue-glide-js events on nuxt and load more slides on last one

    i'm new on all of these so i need help. first of all how vue-glide-js events work to begin with. its documentation just listed them without examples. And second and more important, i wanna send an axios request at the end of my carousel and load…
    Mojtaba Barari
    • 1,127
    • 1
    • 15
    • 49
    1
    vote
    1 answer

    React : unique id or classname of array based on index of embla carousel react in styled components

    this is a carousel made using embla-react-carousel. i want to add a certain id or classname of each object in array because i want to add some kind of a text for each dot navigation... the reason why i use styled components because i don't know how…
    iryanrachman
    • 63
    • 3
    1
    vote
    2 answers

    What does "items: child" in carousel_slider (flutter package) mean?

    In carousel_slider "items" is defined as "The widgets to be shown in the carousel of default constructor" and "items" has a type of "{List items}". What does the "items: child" mean in the code below? To be specific which child widget does it refer…
    Jiwa Chhetri
    • 107
    • 7
    1
    vote
    3 answers

    How to fix Bootstrap Carousel flicker/flash/blink on Iphones when it transitions to the next item? (Video example included)

    I'm working on a website that has a two carousels for mobile screen sizes. It works perfectly fine on ALL devices except SOME iphones. I have no idea whats causing the issue and none of the devices where its happening are within a 300 mile radius of…
    alejandroc311
    • 23
    • 9
    1
    vote
    2 answers

    Carousel Bootstrap - how to change the color of the arrows?

    I created a slideshow with the help of Carousel Bootstrap. But I couldn't change the color of the arrows. Can you help me find out how to change the color of the arrows? Thanks! slideshow.component.html:
    Mana
    • 63
    • 1
    • 9
    1
    vote
    1 answer

    bootstrap 4 carousel do not move to another slide if false

    I have bootstrap 4 each slide contains form part, and I have next button, what i I want is to not move to next slide unless variable is true (for form validation purposes ). I tried to attach onclick with preventDefault() but it did not work, also…
    mark15987
    • 143
    • 1
    • 11
    1
    vote
    0 answers

    Material-UI along with materialize-css

    I'm creating an app with React , and my main styling comes from Material-UI . I want to use only one component from materialize-css which i really like (Carousel) .. I both tried implementing Carousel with M.Carousel.init method (npm installed…
    George Piano Manikas
    • 1,113
    • 2
    • 6
    • 5
    1
    vote
    2 answers

    How can i animate a window carousel menu?

    i've been looking around a lot on how to do different carousels, but i'm struggling to find a resource that teaches me what it actually does instead of just throwing code at me. Time wasted on misleading videos where you have to download their…
    jackjsmith1988
    • 49
    • 6
    1 2 3
    …
    99
    100