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

how to stop React-responsive-carousel scaling to height of its child elements?

I have set up a carousel with a display flex:1 the idea being to make it take up as much height as available to it which works as intended(can be tested by setting a fixed height for the div(.image-iframeContainer) contained in it). but whenever I…
lukeet
  • 461
  • 1
  • 4
  • 22
1
vote
2 answers

Flutter add images in carousel with known position

I currently have a carousel in flutter where I can add and delete images, but the problem is that I can add after the last picture in the carousel. Likewise I can delete just the last picture, in order. How can I choose what picture to delete or…
Alexandru Buruiana
  • 127
  • 1
  • 2
  • 13
1
vote
2 answers

How to drag carousel on swipe in React

I'm a junior dev and am struggling with an issue where there is a carousel with about 10 cards on top of the page. All cards do not fit at once on the screen, so there are 2 arrows in the corner to scroll them (arrow left and arrow right). When you…
ylsv
  • 123
  • 1
  • 2
  • 10
1
vote
1 answer

Bootstrap carousel reveal part of next slide, how do I remove the hidden part?

I've set up a Bootstrap carousel which shows two slides and then a part of the third slide. If you look at the CodePen I have put a border around the entire carousel and you can see the white-space that needs removing so the carousel can occupy the…
David_2002
  • 84
  • 9
1
vote
0 answers

javascript carousels: change position or scroll offset?

While there are a ton of jQuery carousel plugins out there, I like to roll my own. Reading through their code I've noticed that people manipulate either scrollLeft or position (left: -100px) in order to "move" the carousel. Which one is better? Are…
GreenDude
  • 567
  • 2
  • 5
  • 14
1
vote
1 answer

Carousel causes screen to move to top of page on slide change

Minimum Reproducible Example on Github (The images don't show in this MRE, but that's ok and doesn't matter because the problem I'm wondering about has nothing to do with that) Problem: Every time the slide index changes, the screen scrolls to the…
Sam
  • 1,765
  • 11
  • 82
  • 176
1
vote
1 answer

How to submit information in a form from an Image in a Carousel

I'm making a fifa style html where two players have to choose a team. I'm using 2 carousels with all the teams as images and I want the selected images (teams) to be stored as information in a Form to be used later to show certain players, how could…
Stefano Bras
  • 13
  • 2
1
vote
0 answers

How can I adjust the React Bootstrap's Carousel to resize proportionally?

I use React bootstrap Carousel on my website. When I resize the browser, the carousel doesn't resize proportionally. The width of Carousel adjusts correctly but the height doesn't. It creates a gap underneath the image as you can see from the arrows…
TrinVeerasiri
  • 31
  • 1
1
vote
0 answers

HTML Bootstrap Carousel Control Arrows Won't Work

So I semi-succesfully created an Bootstrap iFrame Carousel for Google Sites. The ONLY problem I am having when loaded into the "embed" option on the new Google Sites is that the carousel control arrows do not switch to the next item, but they open a…
garrett thomas
  • 11
  • 1
1
vote
1 answer

Glide.js dynamic append content from Json

I'm trying to add content to the slider dynamically from JSON. import Glide from '@glidejs/glide'; function slider() { let ul = document.querySelector('.glide__slides'); let card = ''; var glide = new Glide('.glide').destroy(); const photo…
sao-ghoul
  • 33
  • 4
1
vote
1 answer

Display two pictures in carousel at a time

How can I make something like this, up on the picture with flutter? I searched through flutter carousel_slider 2.2.1 library, but it doesn't have features that display two pictures at a time. Widget _buildReport() { return CarouselSlider( …
dinner formal
  • 59
  • 1
  • 7
1
vote
1 answer

Simple Carousel Slider start from second slide (javascript)

I code a simple carousel slider. But I need some help. My carousel slider works well if I am start from first slide. But I want to start from second slide I also can do this with goToSlide(1) inside init function but I do not want to see my first…
Ruslan Bairamovi
  • 378
  • 3
  • 22
1
vote
1 answer

Carousel not working in IE7/8

I am working with jquery.carouFredSel-4.0.3-packed.js for the carousal and it works good with IE9 and mozilla,but in IE7/8, it says "LOG: carouFredSel: Not enough items: not scrolling " whenever i am seeing it is not the case. The code i am using…
Gendaful
  • 5,522
  • 11
  • 57
  • 76
1
vote
0 answers

vanilla JavaScript carousel: slides race after user views another tab then returns

I've built a little carousel programme in vanilla JavaScript and it's working great, except when I visit another browser window and then come back to my carousel window. The slides race past each other, as though they've been waiting to run while…
lucy_who
  • 73
  • 6
1
vote
1 answer

Remove selected outline from image html

So I have a logo carousel. Whenever I click on one of the logos, there appears a black outline. Meaning that it is selected. I already tried using img::selection { background: transparent; } but it didn't really work. I want to remove that black…
Iñigo Zepeda
  • 51
  • 2
  • 8
1 2 3
…
99
100