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

Carousel number counter reset

I have created a bootstrap carousel and am now trying to create a number counter that shows the total number of pages and the current page number. It works fine until the carousel starts again and switches to the first page. Instead of going from…
RASALGHUL
  • 89
  • 10
1
vote
1 answer

Check if an element is in center in React

I'm implementing a carousel and I want to target the element at the center of the slider. So, I can make it pop a little. How can I target this component? I have found ways to know if the element is inside the viewport or not but I want to know if…
era s'q
  • 537
  • 1
  • 7
  • 27
1
vote
2 answers

Converting CarouselPage to CarouselView

Is it possible to add direct content to a CarouselView in Xaml? I need to convert an old CarouselPage to the newer CarouselView, but it looks like it must be data bound. But my content for each slide is entirely different and does not easily lend…
User970008
  • 1,135
  • 3
  • 20
  • 49
1
vote
0 answers

My Pure JS Touch Carousel Navigation dots doesn't work correctly

When I am at second slide my navigation dot also needs to show that it is on the second dot. But instead it shows the first dot as active. However, when I click on the slide itself (after sliding) the navigation dot shows the correct position. I…
Ruslan Bairamovi
  • 378
  • 3
  • 22
1
vote
0 answers

Card in CarouselView?

I want to create an app in which I have to display carousel view as following picture. And I hav no experience with carousel view in past specially with card type views
Gourav Rana
  • 64
  • 1
  • 8
1
vote
1 answer

How can I crush Spartacus default scss

I use Spartacus carousel. I want to make changes in the default scss for the carousel structure,but I can't customize the default scss. How can I customize the default scss in Spartacus? Default scss: %cx-carousel { display: flex; flex: 100%; …
Rabia
  • 91
  • 6
1
vote
2 answers

React.js -- Bootstrap / Reactstrap -- z-index does not work on Carousel

I want my fixed navbar that stays on the top of the page to display over everything as I scroll down through the page, but when I scroll down the Carousel ends up on top of the navbar. I have tried to give a z-index: 0 with an !important tag to the…
nKc
  • 185
  • 1
  • 2
  • 11
1
vote
0 answers

jQuery Slick carousel layout not working on mobile layouts

I'm trying to set my Slick slideshow to display in center mode with the following code: // slider $('.slider-inner').slick({ centerMode: true, centerPadding: '260px', dots: 0, slidesToShow: 1, responsive: [ { …
user1049944
1
vote
2 answers

How to fit fit carousel images? (HTML/CSS/Bootstrap4)

I'm new in HTML, CSS, and Bootstrap and I'm trying to create a carousel for my page. The carousel is working, but the images are not fitting to the page. The size is too big (height and width) and I'm trying to fit but it's not working properly. My…
Ítalo Unhaiser
  • 11
  • 2
1
vote
1 answer

Looping over array of objects to populate carousels in array of cards in angular

i have an array of objects composed of objects (id,image), and i also have several cards as result of my fetch to the backend. What im trying to do is on every card establish a carousel exclusively with the images that match with the id the card has…
Enrique GF
  • 1,215
  • 3
  • 16
  • 35
1
vote
0 answers

React Carousel target div elements

I am learning to make custom Carousel by using React and Typescript. For styling I used styled components and scss. I found from one Article how to make Carousel. My carousel works fine. I have made four div elements. when the carousel image slide…
Krisna
  • 2,854
  • 2
  • 24
  • 66
1
vote
1 answer

How to add any image in the Materialize 3-D carousel?

I have been working on a project which requires a 3-d carousel, so i decided to take the help of Materialize CSS, but i'm facing an issue of adding any image to it using javascript. I wanted to append an image under the div of class "carousel-item"…
Nitin Kumar Chauhan
  • 35
  • 4
1
vote
1 answer

Javascript Style Transform Syntax (for an image slider/carousel)

I was following a YouTube tutorial for a Javascript Image Slider, and I came across this line of code that I'd like to better understand so that I can effectively modify it to suit my website's needs. Here's the line: carouselSlide.style.transform =…
Alex Viar
  • 21
  • 3
1
vote
1 answer

How to Implement a manual carousel slider in Flutter?

I am creating a product image carousel which contains pictures of shoes where the user can change the image to be viewed by selecting a different color. The user can manually scroll through the images without an issue,however when I try to manually…
Tim Mwaura
  • 577
  • 1
  • 7
  • 24
1
vote
1 answer

I have a problem with a carousel, setInterval and style.transform = "translateX"

I don't understand why when the function has to show a counter it works and if I ask her to translate an element she translate it only once. This is the code, I tried a lot but I can't find a solution: var i; // set your counter to 1 var…
matte rez
  • 33
  • 4
1 2 3
…
99 100