Perguntas com a tag [carousel]

Use esta tag para dúvidas diretamente relacionadas ao carousel, por exemplo problemas de funcionamento do carousel, implementação ou UX. Um carousel é uma exibição rotativa de conteúdo (geralmente textos ou imagens), e pode incluir os botões "próximo" e "anterior" para alternar o conteúdo exibido.

Filtrar por
Ordenado por
Com tags
0 votos
0 respostas
37 visitas

Componente Carousel - Ajustar imagem dentro do Carousel

Criei um componente Carousel em React e um componente Banner onde estou consumindo o Carousel, coloquei 4 imagens dentro do meu componente banner, porém, não consigo fazer com que todas as imagens ...
Lcs.Muryllo's user avatar
-3 votos
1 resposta
155 visitas

Carrossel Bootstrap não funciona quando adiciono links

Quando adiciono a tag a no meu html o carrossel Bootstrap para de funcionar. Obs: já tentei tirar o código em php e deixar ele puro, e mesmo assim ele para de funcionar quando eu acrescento a tag de ...
Jhonattan Santos's user avatar
1 voto
0 respostas
121 visitas

Resetar SetInterval em Carrossel de imagens ao apertar botão não funciona(carrossel com avanço automatico e manual)

const slides = document.querySelectorAll('[data-js="carousel__item"]') const nextButton = document.querySelector('[data-js="carousel__button--next"]') const prevButton = document.querySelector('[data-...
Fábio Vinícius's user avatar
-1 votos
2 respostas
59 visitas

Como executar a mesma função de JavaScript para mais de uma div

Tenho uma carrossel de slide e preciso reproduzir esse mesmo carrossel (só que com imagens e sections diferentes) na mesma página. Irei fazer esta aplicação para um blog, então, são várias categorias ...
DrunkPunk's user avatar
0 votos
1 resposta
124 visitas

CAROUSEL não alinhado com a NAVBAR [fechada]

texto em negrito <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ...
Alex Flausino's user avatar
-3 votos
1 resposta
27 visitas

Slides ficam em forma de lista vertical

Coloquei os slides em um carousel, porém ainda não identifiquei o problema deles permanecerem na vertical e não lado a lado .gallery .control-button { color: #ccc; color: rgba(255, 255, 255, 0....
kauany heloisa's user avatar
1 voto
0 respostas
111 visitas

Carousel no ReactJs

Olá,estou iniciando minha jornada como frontend e gostaria de saber como fazer com que os pontos num carousel possam ser clicados além de deixar as imagens mudando de forma automática? OBS1.:(Usei a ...
Yan Maia's user avatar
2 votos
2 respostas
667 visitas

Problema com carousel HTML E CSS

Quando eu clico no link que me direciona ao respectivo slide, ele está meio que ancorando e deslizando a página um pouco para baixo, como faço para ele passar pro slide sem que o html entenda aquilo ...
Lucas Fonseca's user avatar
0 votos
1 resposta
2mil visitas

Como fazer um slide apenas texto no bootstrap [fechada]

Gostaria que esse elemento virasse slider, mas quero apenas o texto e a imagem desse jeito, não consigo fazer Ta ficando assim: CSS .carousel-title{ margin-top: 1%; font-family: 'Source ...
Lu Shang's user avatar
1 voto
1 resposta
217 visitas

Carrossel ASP Clássico (Concatenação)

boa tarde. Usei um carrossel para fazer uma galeria de imagens simples. Nomeei numericamente os nomes das fotos (1.JPG, 2.JPG, 3.JPG, ... , n.JPG) Fazendo "manualmente" (ou seja, quando eu digito o ...
user avatar
-1 votos
1 resposta
645 visitas

alterar tamanho do 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; ...
Danilo rodrigues's user avatar
1 voto
1 resposta
673 visitas

Slide no Bootstrap não funciona

boa tarde ou boa noite. Alguém poderia verificar o que está ocorrendo no meu código, inseri um carousel de acordo com o documento do Bootstrap 4 e mesmo assim ele não funciona, o carousel não está ...
blackstv1's user avatar
-2 votos
1 resposta
88 visitas

Como manipular imagens? HTML5/CSS3/PHP/JS [fechada]

Estou desenvolvendo um web site para uma imobiliária e exibimos fotos de vários imóveis com carousel e outras exibições, porém o site está pesado por causa das fotos e eu não sei qual a melhor forma ...
William Silva's user avatar
1 voto
1 resposta
991 visitas

Meu carousel não passa as imagens bootstrap

O código abaixo está sendo usado para mostrar imagens que estão no BD, porém ele não está passando as fotos: <div id="conteudo2" class="row"> <div id="carouselExampleIndicators" class="...
Nathi's user avatar
  • 35
1 voto
1 resposta
483 visitas

Carousel Bootstrap Quebrado

Boa tarde, estou com problema com carousel do bootstrap, projeto em angular 7. Ao adicionar: *, *:before, *:after { box-sizing: border-box; padding: 0; margin: 0; } na folha de estilo.O ...
Gringo's user avatar
  • 19
2 votos
1 resposta
1mil visitas

owl carousel não funciona [fechada]

olá amigos gostaria de uma ajuda por favor. tÔ tentando fazer um carousel no meu site e não to conseguindo de jeito nenhum. não sei se é algum problema no link , ou nas clases,pois do jeito que ...
Danilo rodrigues's user avatar
0 votos
1 resposta
387 visitas

Como desenvolver um carrossel que siga o mouse com translate3d [fechada]

Gostaria de saber se vocês já haviam visto algum carrossel assim, ou se vocês tivessem que desenvolver um parecido como fariam? Preciso implementá-lo num site mas estou com dificuldade pra fazer a ...
Douglas Barros's user avatar
-1 votos
3 respostas
378 visitas

Evento slide.bs.carousel do carrossel não funciona

$('#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 src="...
Daniel Dos Santos Orágio's user avatar
0 votos
0 respostas
102 visitas

Carousel bootstrap rolagem inteira

Tenho esse código onde quando clica no botão "next", faz a rolagem de apenas 1 imagem por vez. Sabendo que o Carousel é multi-item com 4 colunas. Como faço para que quando clicar no botão next, faça ...
Wagner's user avatar
  • 157
0 votos
1 resposta
2mil visitas

Como controlar o tamanho da imagem em um carousel do bootstrap?

HTML <!--Carousel--> <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#...
Luiz Fernando da Silva's user avatar
0 votos
0 respostas
38 visitas

Filtrar galeria Wordpress de acordo com o click no Post

Fala galera, tenho um carousel onde publico algumas fotos através de post no wordpress e preciso que ao clicar no titulo do post no sidebar, a galeria correspondente apareça, alguém me sugere como ...
Filipe Martins Vtt's user avatar
0 votos
0 respostas
244 visitas

Como mudar imagem do site dependendo da resolução da tela do dispositivo?

Tenho um carrosel em Bootstrap, e estou tentando alterar as imagens dele dependendo da resolução da tela do dispositivo utilizando Javascript, mas não sei como fazer isso funcionar. var width = ...
João Britto's user avatar
1 voto
1 resposta
973 visitas

Angular UI-Bootstrap Carousel com Multiplos slides

Estou usando o Carousel UI-Bootstrap com AngularJs, porem só mostra 1 slide por vez. Queria multiplos slides igual a esses exemplos abaixo. Bootstrap 3 Multiple Slide Carousel, outro exemplo, ...
Braian Silva's user avatar
-1 votos
1 resposta
1mil visitas

Slidershow Carrousel de vídeo e imagem [duplicada]

Tenho um slide com 3 imagens e um vídeo que está no incio, preciso fazer com que o vídeo fique até o final, no entanto ele está passando para as próximas imagens e se vc clicar para voltar e exibir ...
Isabela's user avatar
  • 55
0 votos
1 resposta
57 visitas

queria colocar dot/circle controls no meu slideshow, alguem pode me ajudar?

eu gostaria de uns dots abaixo do slideshow para quando clicar no primeiro dot o slider vai direto pro primeiro slide, mas não estou conseguindo, alguem pode me ajudar? HTML: <html lang="pt-br"&...
Gustavo Lima's user avatar
0 votos
1 resposta
534 visitas

Como coloco next/prev buttons e dots controls no meu slideshow com css/javascript?

Olá, eu estou passando muitas dificuldades para fazer o meu slideshow, o melhor que consegui foi um slideshow automatico, só que eu gostaria de incluir setas prev/next para controlar e botões embaixo ...
Gustavo Lima's user avatar
0 votos
2 respostas
162 visitas

Como centralizar horizontalmente na tela um item de uma recyclerview (horizontal)?

O que eu quero é o seguinte resultado: Sempre que o usuário passar para o item seguinte ou anterior, ele será centralizado na tela, assim como funciona se eu usasse o Carousel. Tentei algumas libs de ...
Long Johnson's user avatar
1 voto
1 resposta
1mil visitas

Como esconder o botão next e previous no último e primeiro conteúdo do Carousel?

Estou usando um Carousel com Bootstrap, mas eu preciso que o botão next suma quando chegar o ultimo item e que o botão previous fique escondido enquanto estiver no primeiro conteúdo. O meu código não ...
user4451's user avatar
  • 649
0 votos
0 respostas
276 visitas

"Active" do carousel em html

Boas. Tenho um projeto com várias views que contêm um carousel. Por exemplo, esta é a minha página principal e quando carrego, por exemplo, no primeiro botão "Ver mais" aparece isto Até aqui ...
miguel carreira's user avatar
1 voto
1 resposta
234 visitas

Isset não funciona

Boa tarde. Estou fazendo uma aplicação web de corridas compartilhadas, tipo "Uber". Quero que apresente uma lista de motoristas cadastrados no banco no carrossel verde. Porém, como mostra a imagem, ...
Excel's user avatar
  • 83
0 votos
1 resposta
371 visitas

Adicionando efeitos nos textos no Owl Carousel usando animate css

Faz tempo que tento adicionar animações de textos da biblioteca animate.css ao Owl Carousel, para deixar os Slider cada vez mais bonitos e elegantes, no entanto não consigo, só funcionar o primeiro ...
Sérgio Machado's user avatar
0 votos
0 respostas
34 visitas

Bootstrap Carousel - Botão cobre o slide inteiro

Estou utilizando o Carousel do Bootstrap mas quando eu pauso o vídeo ele vai para a esqueda, os quadrados pretos da imagem é pra mostrar que está "cobrindo", gostaria que ficasse somente na seta e não ...
Giselle's user avatar
1 voto
1 resposta
688 visitas

Repetir carousel Bootstrap

Tenho esse código de um carousel $('#carousel-example-generic').on('slide.bs.carousel', function() { var interval = $('div.item.active').attr('duration'); setTimeout(function() { $('....
Wagner Martins Bodyboard's user avatar
0 votos
1 resposta
818 visitas

Carousel com duração de exibição diferente para cada item

Como eu poderia fazer um carousel com um elemento, sendo que cada elemento terá uma duração de exibição diferente? Ex.: Um (elemento) de 5 segundos; outro de 8 segundos. Consegui fazer com o Slick do ...
Wagner Martins Bodyboard's user avatar
0 votos
0 respostas
209 visitas

Lista de produtos com carousel e flexbox

Ola pessoal estou precisando de um auxilio para exibir uma lista de produtos responsivo que inicialmente sera 4 x 4 em telas de computadores (podendo ser alterado conforme a necessidade). O código que ...
Sulivan Tavares Leite's user avatar
0 votos
0 respostas
81 visitas

Como alinhar o carousel com o jumbotron?

<div class="jumbotron text-center "> <h1>Titulo</h1> <p>Subtitulo</p> </div> <!-- end top --> <div id="carousel-...
Kleiton Trevisol's user avatar
0 votos
0 respostas
133 visitas

Carousel Desaparecendo ao inserir um Link

Bom dia, Estou com um problema onde estou tentando referenciar um link em um carousel aqui, porém ele está com problemas. Abaixo a imagem como o site é. Abaixo imagem como ele fica quando eu coloco ...
Pedro Galocha's user avatar
1 voto
3 respostas
702 visitas

Clicar em Carousel Materialize

Oi Estou a alguns dias procurando a solução para o seguinte problema: Preciso criar um carousel que seja clicável (que tenha um link). Estou utilizando o Materialize, na ultima versão, apenas ao ...
Gabriel Marinho's user avatar
1 voto
2 respostas
853 visitas

Ajuste de botoes do bootstrap

Olá, Preciso ajustar os botôes do carrousel do bootstrap para que fique junto a foto, hoje conforme a foto em anexo os botôes ultrapassam a area desejada. alguem pode me ajudar? Esse é o codigo html ...
Daniel Pelissari's user avatar
1 voto
1 resposta
243 visitas

Como inserir uma linha por cima do carousel

Estou tentando fazer um carousel que ao clicar nos itens é exibido a imagem e ao lado o conteúdo mais gostaria de inserir um uma linha como da imagem abaixo e centralizar os itens com o titulo ao lado ...
Bruno Richart's user avatar
2 votos
2 respostas
6mil visitas

Carousel Bootstrap não funciona

Não está funcionando meu carousel em bootstrap, peguei este script do site www.w3schools.com importei o css e o JavaScript mas ele não funciona: <div id="myCarousel" class="carousel slide" data-...
Daniel Fortunato's user avatar
3 votos
1 resposta
1mil visitas

Inserir títulos dos itens na lateral carousel bootstrap

Estou tentando fazer um carousel usando o framework bootstrap, mas estou com dificuldades para inserir os títulos dos itens carousel na lateral e inserir uma borda por cima como na imagem abaixo. ...
Bruno Richart's user avatar
1 voto
0 respostas
239 visitas

como adicionar uma div com informações acima do navbar com carousel de fundo

estou com uma dificuldade que embora pareça ser simples mas não estou conseguindo chegar onde quero, estou criando um site onde tenho uma div com o cambo de idiomas, no meio a logo e um botão de ...
Bruno Richart's user avatar
1 voto
0 respostas
147 visitas

Owl Carousel reponsivo

Tenho um site no wordpress no qual instalei o plugin Owl Carousel (v0.53), com um carousel horizontal de 14 itens, sendo 4 visíveis por vez. No desktop, o width das thumbnails é de 298px, enquanto ...
Fernando Anacleto's user avatar
0 votos
0 respostas
466 visitas

Carousel trazendo uma tabela com informações do banco de dados

é o seguinte eu queria saber se é possível colocar uma tabela para dentro do carousel, trazendo os dados de 5 em 5 linhas, quando completasse 5 linhas os próximos dados continuaria na página seguinte, ...
Igor Martins's user avatar
5 votos
1 resposta
2mil visitas

Como diminuir o espaço entre as imagens do carousel bootstrap 4?

Boa noite galera, gostaria de saber como posso diminuir esse espaço branco entre as imagens do carousel. Alguém pode me ajudar, por favor? meu código: <!DOCTYPE html> <html lang="en"&...
Rafitos's user avatar
  • 91
1 voto
1 resposta
1mil visitas

Como remover margem branca de um Carousel (Bootstrap)?

Eu criei um carousel no meu site através do código do Bootstrap, e estou querende que ele ocupe toda a largura da tela (100vw) e quase toda a altura (90vh); portanto, eu pus no container width: 100vw ...
Andrew's user avatar
  • 91
1 voto
1 resposta
474 visitas

Carousel multiple passando 1 item por vez

O que preciso é exatamente isso (só que não com esse plugin, pois neste ele para no final). Acredito ser isso aqui, estou fazendo alguns testes. Preciso fazer um carousel que tenha um range de 5 ...
Ivan Ferrer's user avatar
  • 12,2mil
2 votos
1 resposta
621 visitas

Como dar pause em videos do youtube, quando um novo vídeo é reproduzido?

Tenho um website em que fiz um carousel de videos do YouTube usando o iframe, mas quando eu navego pelo carousel o vídeo continua tocando. Como posso dar um pause automático quando um novo vídeo é ...
Joao NP's user avatar
  • 21
1 voto
1 resposta
121 visitas

Abrir em determinada foto, slick carousel

É possível que ao abrir o slick carousel, determinada foto esteja em foco? algum tipo de mapeamento de indices ou até mesmo pelo nome, caso não, existe algum outro slide drag and drop que faz isso? ...
Felipe Duarte's user avatar