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

Carousel VueJS - back button

[Carousel VueJS (code)][1] I am sending you my screen captures with the code attached for a VueJS carousel that I am working on: Any idea on how to remove the BACK button on step 1/3?
Christophevelou
  • 11
  • 3
1
vote
1 answer

Bootstrap 5 Carousel-fade slow transition

I'm trying to use the Bootstrap 5 Carousel with the fade effect and not having any luck. I need the images to slowly fade-in and fade-out. I've tried this solution: Bootstrap Carousel - how to fade between slides slowly and this one as well:…
JappperCat
  • 75
  • 1
  • 10
1
vote
2 answers

html not appending to the carousel on popover

I Am Trying to make a popover with a bootstrap carousel and where the carousel items are to be generated and appended from a script but I get the carousel but I am unable to append the item. I tried hard but I didn't come up with a solution. the…
Mohamed Ashique Ar-Rasool
  • 53
  • 1
  • 13
1
vote
1 answer

Is there any way to customize the navigation arrows and dots of "react-owl-carousel" in react using css or js?

I am trying to change the navigation arrows and dots of "react-owl-carousel"(npm package) using CSS or JS for the past 2 days but unfortunately, I'm not successfully doing it. I don't want to use jQuery in that project. I want to change these in…
Abubakar Shafique
  • 81
  • 3
  • 6
1
vote
1 answer

Add interval for each mdb-carousel item in Angular

I wanted to add different interval for each item in mdb-carousal. I found few solution but it is jQuery based. I want solution in Typescript.
Shahid
  • 481
  • 1
  • 8
  • 22
1
vote
1 answer

Indicators in Bootstrap 5 carousel not working; can't stop

I have set up a carousel to show 5 videos. I have set up indicators at the bottom to navigate:
1
vote
0 answers

hammer js with carousel images that contain link

I'm using hammer.js with bootstrap carousel for swiping the images left and right with the mouse and it works fine but the problem is the images are links to other pages
nagham yousef
  • 11
  • 1
1
vote
1 answer

Limiting a function to the parent div

I have this carousel function: if ($.browser.msie && $.browser.version.substr(0,1)<9) { $("ul.display li:eq(0))").show(); } else { $("ul.display li:first").show(); } $(".viewer ul li.img:first").addClass('viewerOn'); function prodCarousel(){ var…
Yahreen
  • 285
  • 1
  • 6
  • 17
1
vote
1 answer

How to stop sliding on last image of slider in carousel in bootstrap 5 on a reactjs project

Please tell me in js like how I can stop slide at last image in react js project here is my Slider code and I want to remove the next and prev icons and also want to stop the slider when it reaches to IMG src={slider5}. Please help me in find this…
Abhinav Vishwakarma
  • 11
  • 1
1
vote
0 answers

react-slick initializes width to 0 on first page load

When I load react-slick carousel into my page, it always initializes with a width of 0. https://gyazo.com/a78362bf34a39f56802096c60b97cd06 Ive tried many things, but it mainly seems like the inline width of slick-slide slick-cloned beint set to 0 is…
Shooting Stars
  • 755
  • 1
  • 9
  • 20
1
vote
2 answers

create loop of moving images inside a div

I would like to build an image gallery like this where pictures keep looping automatically but at the same time, it's possible to interact through the gallery using the mouse wheel as well. I would also achieve an effect like that where images,…
baband
  • 123
  • 12
1
vote
1 answer

My cards in Bootstrap 4 get messed up when I add a carousel. My code for the testimonial is

1
vote
0 answers

I want to add the carousel in fancybox slider

Hello, I want to add a carousel in fancy box slider but it is not working for me, I have used slick carousel and owl carousel for this functionality none of them worked for me, I'm fetching data/images from cloud firestore, but I don't why it is…
Saad Hassan
  • 35
  • 7
1
vote
0 answers

Active Image in Carousel

I have created an image carousel with an active image in the middle and all the images on the side and trying to show the active image on the side by adding a border around the image. The border is being shown initially, but I am unable to see it…
Prasanth Perli
  • 68
  • 1
  • 6
1
vote
1 answer

How to show video in Carousel in Ember JS

I am newbie in ember. In this ember app, the legacy code displays Images, but I want to add some videos between the images. My test code is given as below, here simply replace the image with video. {{!-- Carousel --}} {{#bs-carousel …
lei lei
  • 1,753
  • 4
  • 19
  • 44
1 2 3
…
99 100