Most voted "carousel" questions
Use this tag for questions directly related to Carousel, for example Carousel operating problems, implementation or UX. A Carousel is a rotating display of content (usually text or images), and may include the "next" and "previous" buttons to toggle the displayed content.
Learn more…90 questions
Sort by count of
-
5
votes5
answers3255
viewsCarrousel in php and mysql
I have an "upload of files" and I needed to show them on a Carousel. The image path is stored in the database and the images in a folder, of course. I have the following code: <div…
-
5
votes1
answer884
viewsHow to decrease the space between Carousel bootstrap 4 images?
Good evening guys, I would like to know how I can decrease this white space between the images of Carousel. Can someone help me, please? my code: <!DOCTYPE html> <html lang="en">…
-
4
votes1
answer869
viewsGallery with category filter
I need to implement the following: category buttons + category gallery I have several categories on my site and an image gallery for each one. On the front, I will create buttons with the categories…
-
3
votes1
answer161
viewsRandom words
How do I draw coordinates of word positions over an image using the slider Carousel bootstrap? You could put adjectives to the image and they would come randomly at different positions on the…
-
3
votes1
answer2200
viewsHow to make a Carousel?
I’m trying to create a Carousel on Android as the of this video (source code) but it’s not going very well.…
-
3
votes1
answer473
viewsCarousel - thumbnail is not active when changing slide
I have a problem because I can’t leave the thumbnail enabled using css, leaves an image as example of quero and the code below. Thanks! jQuery(document).ready(function($) {…
-
3
votes2
answers12948
viewsCreate responsive image carousel in Bootstrap
I’m trying to create an image carousel with bootstrap and I’d like it to be responsive. I’ve been able to be part of this carousel, but I still don’t understand the issue of image size. Follow my…
-
3
votes2
answers2477
viewsCSS-only carousel: problems centering and fixing size
I have a carousel created with only CSS, but I have identified some difficulties. All images are in the 4:3 ratio and may have until 640x480 px (i.e., may be less than this value), so: I cannot…
-
2
votes1
answer203
viewsLayout images in Carousel bootstrap
I have the following code snippet : var images = []; for (var i = 0; i < actions.length; i++) { for (var j = 0; j < actions[i].Images.length; j++) { var imagem = new Image();…
-
2
votes1
answer404
viewsHow to pause youtube videos when a new video is played?
I have a website where I made a Youtube video Carousel using iframe, but when I browse the Carousel the video keeps playing. How can I pause automatically when a new video is played?
-
2
votes1
answer688
viewsInsert item titles on the side
I’m trying to make a Carousel using the framework bootstrap, but I’m having a hard time inserting the titles of the Carousel items on the side and inserting a border on top as in the image below.…
-
2
votes2
answers3273
viewsCarousel Bootstrap does not work
My bootstrap Carousel is not working, I took this script from www.w3schools.com I imported css and Javascript but it doesn’t work: <div id="myCarousel" class="carousel slide"…
-
2
votes1
answer603
viewsOwl Carousel does not work
hello friends would like a help please. I’m trying to make a Carousel on my site and I’m not getting it at all. I don’t know if it’s a problem in the link , or in the case files, because the way I…
-
2
votes2
answers144
viewsProblem with Carousel HTML AND CSS
When I click on the link that directs me to the respective slide, it’s kind of anchoring and sliding the page down a little bit, how do I get it to slide without html understanding that as a link…
-
1
votes2
answers1136
viewsCarousel style with 3 slides
I’m trying to make a kind of slider where the middle slide appears as main and the sides will cut according to the resolution, but I was having problems in the IE and incredible that it seems the…
-
1
votes1
answer689
viewsCarousel with wordpress loop in columns
Hello, I’m trying to adjust my Carousel so that it has a grid done by loop, I have the following wordpress code: <?php global $posts; $b = 0; $args = array( 'post_type' => 'banner',…
-
1
votes1
answer106
viewsUrlhashlistener picking up the wrong item (Owl Carousel)
I’m using Owl Carousel on a Landing page. I added some thumbnails, and used Urlhashlistener to associate the thumbnails to the respective image, but the link is opening the wrong image. It seems…
-
1
votes0
answers51
viewsTimeline of content with jcarousellite
I’m creating a timeline using jCarouselLite, but it’s a bug when I advance to a new decade. For example: In the gray arrows I can navigate to other dates, and in the colored jumps to another decade.…
-
1
votes1
answer112
viewsLoop in Carousel
I’m making a Carousel, that I received the friend help from here. But now a small problem has arisen, in the example there are 6 images, and when arriving at the last it stops. I wanted to know how…
-
1
votes1
answer323
viewsJavascript or Jquery Draggable Vertical 3d Carousel
I’m on an Html5 app project aimed at mobile. One of the tools of this app, works like a clock. I try to get that clock set up by dragging the buttons up and down. Setting the numbers for me to…
-
1
votes0
answers60
viewsSlider Javascript Sumindo
I wonder if you could help me. I am putting on the site that I am developing a very simple slider to just pass 3 images. the example I take on the site w3school. But as he goes through the images,…
-
1
votes1
answer1135
viewsChange the position of the button next to Carousel Bootstrap
When decreasing the size of the slide appeared the following problem: The positioning of the "next" button is away from the slide, as in the image below. I want it to be on the far side of the…
-
1
votes1
answer503
viewsChange NAV and DOT Owl Carousel 2
I’m using Owl Carousel 2, but I’m not able to make these changes to the image below. I need to shift the position of Navs and Dots into the banner, if you can give a force I thank you.…
-
1
votes1
answer80
viewsOpen in certain photo, Slick Carousel
It is possible that when opening the slick carousel, given photo is in focus? some kind of index mapping or even by name, if not, there is some other slide drag and drop What does it do? example...…
-
1
votes1
answer54
viewsCarousel rotation, cannot read null "style" property
Well, I am trying to make a Carousel in JS vanilla, however, there is an error when creating the script part for the Carousel rotation JS //Cada Carousel var bannersHolders =…
-
1
votes1
answer283
viewsCarousel Multiple passing 1 item at a time
What I need is just that (just not with this plugin, because in this it stops at the end). I believe to be this here, I’m doing some tests. I need to do a Carousel that has a range of 5 slides on…
-
1
votes0
answers145
viewshow to add a div with information above the navbar with background Carousel
I’m having a difficulty that although it seems to be simple but I’m not getting where I want, I’m creating a site where I have a div with the language card, in the middle of the logo and a…
-
1
votes1
answer607
viewsBootstrap code does not work
Hello, I’ve been testing that Carousel, but it didn’t work in my project, I decided to test the Jsfiddle, and it didn’t work either. Jsfiddle: https://jsfiddle.net/Lxv5q5u9/ The problem is that it…
-
1
votes3
answers608
viewsClick on Carousel Materialize
Hi I am a few days looking for the solution to the following problem: I need to create a clickable Carousel (that has a link). I’m using Materialize, in the latest version, just by clicking on…
-
1
votes1
answer101
viewsHow to center a recyclerview (horizontal) item horizontally on the screen?
What I want is the following result: Whenever the user moves to the next or previous item, it will be centered on the screen, just as it works if I use Carousel. I tried some libs from Carousel only…
-
1
votes0
answers23
viewsCarousel in Reactjs
Hello, I am starting my journey as a frontend and I would like to know how to make the points in a Carousel can be clicked in addition to letting the images change automatically? OBS1.:(I used the…
-
1
votes1
answer948
viewsHow to remove white margin from a Carousel (Bootstrap)?
I created a Carousel on my site through the Bootstrap code, and I want it to occupy the entire width of the screen (100vw) and almost the entire height (90vh); therefore, I put in the container…
-
1
votes0
answers106
viewsOwl Carousel reponsive
I have a wordpress site in which I installed the plugin Owl Carousel (v0.53), with a horizontal Carousel of 14 items, being 4 visible at a time. On the desktop, the width of the thumbnails is 298px,…
-
1
votes2
answers587
viewsAdjustment of bootstrap buttons
Hello, I need to adjust the buttons of the bootstrap Cap to be next to the photo, today as the attached photo buttons exceed the desired area. someone can help me? This is the html code of my…
-
1
votes1
answer175
viewsHow to insert a line above the Carousel
I am trying to make a Carousel that when clicking on the items is displayed the image and next to the content I would like to insert a line like the image below and center the items with the title…
-
1
votes1
answer504
viewsRepeat Carousel Bootstrap
I have this code from a Carousel $('#carousel-example-generic').on('slide.bs.carousel', function() { var interval = $('div.item.active').attr('duration'); setTimeout(function() {…
-
1
votes1
answer163
viewsIsset does not work
Good afternoon. I’m making a shared racing web app, like "Uber". I want you to present a list of registered drivers in the bank on the green carousel. However, as the image shows, my isset does not…
-
1
votes1
answer485
viewsHow to hide the next and Previous button in the last and first contents of Carousel?
I’m using a Carousel with Bootstrap, but I need that button next disappear when the last item arrives and that button Previous stay hidden while in the first content. My code is not working, but I…
-
1
votes1
answer673
viewsAngular UI-Carousel Bootstrap with Multiple Slides
I’m using the Carousel UI-Bootstrap with Angularjs, but only shows 1 slide at a time. I wanted multiple slides equal to these examples below. Bootstrap 3 Multiple Slide Carousel, another example,…
-
1
votes1
answer258
viewsCarousel Broken Bootstrap
Good afternoon, I’m having trouble with carousel bootstrap, angular design 7. When adding: *, *:before, *:after { box-sizing: border-box; padding: 0; margin: 0; } in the style sheet. The carousel…
-
1
votes1
answer470
viewsMy Carousel does not pass the bootstrap images
The code below is being used to show images that are in the BD, however it is not passing the photos: <div id="conteudo2" class="row"> <div id="carouselExampleIndicators" class="carousel…
-
1
votes1
answer341
viewsSlide on Bootstrap does not work
good afternoon or good night. Someone could check what’s going on in my code, insert a Carousel according to the Bootstrap 4 document and even then it doesn’t work, Carousel isn’t doing the image…
-
1
votes1
answer82
viewsClassic ASP Carousel (Concatenation)
good afternoon. I used a carousel to make a simple image gallery. I numerically named the names of the photos (1.JPG, 2.JPG, 3.JPG, ... , n.JPG) Doing "manually" (ie when I type in the entire code…
-
1
votes0
answers15
viewsReset Setinterval in Picture Carousel when pressing button does not work(carousel with automatic and manual feed)
const slides = document.querySelectorAll('[data-js="carousel__item"]') const nextButton = document.querySelector('[data-js="carousel__button--next"]') const prevButton =…
-
0
votes0
answers349
viewsCarousel Slider
I needed to adjust this script so that when I clicked on the Previous button it returned the command, but when I click both on the next and on the Previous, the slide is progressing in the same way,…
-
0
votes1
answer81
viewsChange Carousel caption on iphone
I have a website developed with Bootstrap that has a Carrousel <div class="carousel-inner">. I want on the iPhone, the caption <div class="carousel-caption"> decrease so that the image…
-
0
votes1
answer79
viewsShow Carousel after loading
I have two carousels on the page and while they are loading, they are broken. Only after they are right. I wish they were only displayed, once fully loaded, but I’m not getting. window.onload =…
-
0
votes1
answer422
viewsCarousel Vertical with Bootstrap
The Carousel Bootstrap works with horizontal photos. How do I even rotate photos taken with the machine reversed, that is, verticalized. Other: How do I make images to rotate left and right linearly…
-
0
votes0
answers415
viewsUse a Carousel inside a tab-panel (Bootstrap)
Good afternoon! I am trying to implement a Carousel within a tab-panel; however, both use the "active" notation in the class to determine which item will appear. So, when I select the desired tab,…
-
0
votes2
answers3283
viewsHow to Remove Automatic Bootstrap Slider
How to remove the automatic slide from the Bootstrap slide? I have a Carousel that is working perfectly, but I need it to stay static and only change the images when you click on the right or left…