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
-
0
votes1
answer62
viewsI run with different images on mobile and desk
Good morning, everyone, I’m developing a responsive site, in it I will use a standard bootstrap carousel, however, will be different images when the carousel is on mobile and desk. Does anyone have…
-
0
votes0
answers107
viewsProblem with Carousel Bootstrap inside another
Please, I haven’t got the solution yet: I created a bootstrap Carousel with Divs and another smaller Carousel inside together. When I pass the larger Carousel (which encompasses everything) and…
-
0
votes1
answer141
viewsCarousel bootstrap one inside the other doesn’t work right
Hello! Please, I haven’t got the solution yet: I created a bootstrap Carousel with Divs and another smaller Carousel inside together. When I pass the larger Carousel (which encompasses everything)…
-
0
votes1
answer719
viewsCarousel that passes one image at a time and with thumbnails underneath
I found an example and was trying to modify to what I need. I need the image displayed on the carousel and the thumbnails to be larger than the example I found, but when I try to modify the carousel…
-
0
votes1
answer51
viewsFixed error navigation bar when using Carousel
When in mobile mode the fixed navigation bar moves in the scroll using Carousel, only in mobile mode it happens I’ve tried and I don’t know how to fix it Example…
-
0
votes1
answer2898
viewsDynamic multi items carousel using bootstrap
I’m having trouble making a dynamic multi-item carousel with only two columns bootstrap, when I inform the amount of columns in the case col-Md-6 items break and are displayed in one more row below,…
-
0
votes1
answer316
viewsProblems with the time interval on a carousel
Well, I’m having some problems with a self-made carousel, more specifically in the transition order of the items. var carouselBannerHolder = document.getElementById("banners-slider"); var…
-
0
votes0
answers221
viewsCarousel bootstrap 3 Swipe does not work
I’m trying to make a Swipe on bootstrap 3 Carousel but I’m not getting it. Html Code <div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators"> <li…
-
0
votes1
answer347
viewsCarousel Boostrap
Hello. I’m trying for the first time to make a Bootstrap. The Carousel is only in the first image, it does not change automatically nor when I click on the side buttons. HTML: <!DOCTYPE html>…
-
0
votes0
answers26
viewsCarousel Bootstrap - Button covers the entire slide
I’m using Bootstrap’s Carousel but when I pause the video it goes to the left, the black squares of the image is to show that it is "covering", I would like it to be only in the arrow and not in the…
-
0
votes0
answers133
viewsHtml "active" of the Carousel
Good. I have a project with several views that contain a Carousel. For example, this is my main page and when I press, for example, the first "See more" button this appears So far so good! But if I…
-
0
votes1
answer143
viewsHow to develop a mouse-following carousel with translate3d
I wonder if you’ve ever seen such a merry-go-round, or if you had to develop such a one as you would? I need to implement it on a website but I’m having a hard time doing the part of the movement…
-
0
votes1
answer132
viewsCarousel does not load the second image on the mobile in portrait position
Hello, I have a Carousel on my site that is the basis to show my products, it works well on pc (shows 4 images in sequence) and tablet (shows 2 images in sequence) but on mobile we have a problem,…
-
0
votes0
answers6
viewsSlider/Carrosel with JS
I’m trying to make a data carousel that are coming from a mysql database, I’m trying to put 4 Divs at the beginning to go through with the carousel, but it only shows one, follows the js code…
-
0
votes0
answers382
viewsCarousel bringing a table with database information
is the following I wanted to know if it is possible to put a table inside the Carousel, bringing the data of 5 in 5 lines, when it completes 5 lines the next data would continue in the next page,…
-
0
votes0
answers50
viewsCarousel Disappearing when inserting a Link
Good morning, I’m having a problem where I’m trying to reference a link in a Carousel here, however it is in trouble. Below the image as the site is. Below picture how it looks when I put the link…
-
0
votes0
answers62
viewsHow to align Carousel with Jumbotron?
<div class="jumbotron text-center "> <h1>Titulo</h1> <p>Subtitulo</p> </div> <!-- end top --> <div id="carousel-example-generic" class="carousel slide"…
carouselasked 6 years, 7 months ago Kleiton Trevisol 1 -
0
votes1
answer487
viewsCarousel with different display duration for each item
How could I make a Carousel with an element, each element will have a different display duration? Ex.: One (element) of 5 seconds; other 8 seconds. I managed to do with the Slick of jQuery, however…
-
0
votes0
answers163
viewsList of products with Carousel and flexbox
I am in need of a help to display a responsive product list that initially will be 4 x 4 on computer screens (can be changed as needed). The code I have displays the flex inline items, but I need it…
-
0
votes1
answer229
viewsAdding effects to text in Owl Carousel using Animate css
I’ve been trying to add animations from the library Animate.css at the Owl Carousel, to make the sliders more beautiful and elegant, however I can’t, only work the first slider once you load the…
-
0
votes1
answer328
viewsHow do I put next/Prev Buttons and Dots Controls on my css/javascript slideshow?
Hello, I’m going through a lot of difficulties to make my slideshow, the best I got was an automatic slideshow, only I’d like to include Prev/next arrows to control and buttons below too, someone…
-
0
votes1
answer45
viewswanted to put dot/Circle Controls on my slideshow, can anyone help me?
i would like some Dots below the slideshow for when clicking on the first dot the slider goes straight to the first slide, but I’m not getting, someone can help me? HTML: <html lang="pt-br">…
-
0
votes0
answers33
viewsHow to change website image depending on device screen resolution?
I have a carousel in Bootstrap, and I’m trying to change his images depending on the screen resolution of the device using Javascript, but I don’t know how to make it work. var width = screen.width;…
-
0
votes0
answers32
viewsFilter Wordpress gallery according to the click on Post
Speaks guys, I have a Carousel where I publish some photos through wordpress post and I need to click the title of the post on the sidebar, the corresponding gallery appears, anyone suggests me how…
-
0
votes1
answer831
viewsHow to control the image size in a bootstrap Carousel?
HTML <!--Carousel--> <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li…
-
0
votes0
answers77
viewsCarousel bootstrap scrolling entire
I have this code where when you click the "next" button, you scroll only 1 image at a time. Knowing that Carousel is multi-item with 4 columns. How do I so that when you click the next button,…
-
0
votes3
answers195
viewsCarousel slide.bs.Carousel event does not work
$('#carousel').on('slide.bs.carousel', function () { alert("SLIDE"); }) <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <script…
-
0
votes1
answer251
viewsHow to make a text-only slide in bootstrap
I would like this element to become a slider, but I just want the text and the image like this, I can’t do it You’re getting like this: CSS .carousel-title{ margin-top: 1%; font-family: 'Source Sans…
-
0
votes0
answers17
viewsOpen larger size Carousel image
Hi, I’m new to bootstrap. I’ve searched a lot of websites and videos, but I can’t find anything on that function. I wanted to enlarge the photo slider or the one that is featured and continue…
carouselasked 3 years, 10 months ago Alexandre Mastellini 1 -
0
votes1
answer31
viewsCAROUSEL not aligned with NAVBAR
bold text <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">…
-
0
votes0
answers32
viewsProblem with responsiveness in a div with reactjs and Slick Carousel
EN I’m having trouble getting the background of my div responsive, when I lower the screen horizontally and increase vertically, the background is "stretched", making the title and content below…
-
-1
votes1
answer1276
viewsTurbineing the bootstrap Carousel
To add own events on Carousel of bootstrap, use the function $('#myCarousel').on('slide.bs.carousel', function () { }) I wonder, how can I make the text receive or lose opacidade according to the…
-
-1
votes1
answer533
viewsSlidershow Carrousel Video And Image
I have a slide with 3 images and a video that is at the beginning, I need to make the video stay until the end, however it is passing to the next images and if you click to go back and display it is…
-
-1
votes1
answer358
viewschange size of Carousel materialize
body{ margin: 0; padding: 0; box-sizing: border-box; } img{width: 100%;} .pagina{widows: 100%; height: 100%; margin-left: auto; margin-bottom: auto;} .topo{width: 100%; height: 100px; border: 5px…
-
-1
votes2
answers36
viewsHow to run the same Javascript function for more than one div
I have a slide carousel and I need to play this same carousel (only with different images and sections) on the same page. I will make this application for a blog, so there are several categories…
-
-2
votes1
answer490
viewsFolder and image address with bootstrap Carousel
How I modify this DIV to accept a folder and image name? **<div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Three');"></div>** Switch to…
-
-2
votes1
answer77
viewsHow to manipulate images? HTML5/CSS3/PHP/JS
I am developing a web site for a real estate and we display photos of various properties with carousel and other exhibitions, however the site is heavy because of the photos and I do not know what…
-
-3
votes1
answer137
viewsSlidershow Carousel
I’m trying to make a merry-go-round like the one below, but I’m not getting it. Can someone please help?
-
-3
votes1
answer20
viewsSlides form a vertical list
I put the slides in a Carousel, but I still haven’t identified the problem of them staying upright and not side by side .gallery .control-button { color: #ccc; color: rgba(255, 255, 255, 0.4); }…
-
-4
votes1
answer306
viewsCarousel with 2 slide
I’m a layman on the subject and I need a carousel slider with two images. I’m using the copy from http://plnkr.co/edit/Fl0HZaU5x5ZkPEVo87u3?p=preview . In this example appears 3 images and I want to…
carouselasked 9 years, 2 months ago Rico Gaucho 11