Skip to main content

Respostas interessantes marcadas com a tag

4 votos
Aceito

Código do Bootstrap não funciona

Abra o console e irá ver o erro bem claro do problema: Uncaught Error: Bootstrap's JavaScript requires jQuery as APIs do Bootstrap usam jQuery, se você não adicionar o jquery "antes" não vai ...
Syzoth's user avatar
  • 100mil
4 votos
Aceito

Isset não funciona

Nesse arquivo aqui: <div> <? php // <<<<<<<< if(isset($_POST['cpf'])){ echo "<table>"; echo "<tr>"; echo "<th&...
fajuchem's user avatar
  • 609
3 votos
Aceito

Como remover margem branca de um Carousel (Bootstrap)?

A "margem branca" é gerada pela regra css padrão da class "container-fluid", que aplica padding left e right de tamanho 15px para o elemento que contenha essa classe. Para remover essa margem, você ...
Sérgio Lopes's user avatar
2 votos

Como retirar o slider automatico do carousel do bootstrap

Apenas adicionar o atributo data-interval e digitar o valor 0 (false): <div class="carousel slide" data-ride="carousel" data-interval="0">
rickybustillos's user avatar
2 votos
Aceito

Carrossel 3d vertical arrastável em JavaScript ou Jquery

"não consigo nenhum exemplo de um "carrossel arrastável" na vertical" Fiz uma busca e encontrei um que cumpre os requisitos que procuras: jQuery + arrastável + vertical: lightSlider. Olhando para ...
Sergio's user avatar
  • 135mil
2 votos
Aceito

Alterar posição do botão de próximo do Carousel Bootstrap

O slide é responsivo, logo, ele ocupara o espaço que tiver disponível. Coloque o slide dentro de um container ou dentro de uma col-, desta maneira ele irá seguir o tamanho que você indicar o elemento ...
RFL's user avatar
  • 6.333
2 votos
Aceito

Problemas com o intervalo de tempo num carrossel

No fundo o que se passa com a primeira volta é que ela vai fazer o seguinte: carouselBannerHolder.style.left = ("-000%"); porque o count ainda é 0, ou seja esta volta aparentemente demora o dobro do ...
Miguel's user avatar
  • 29,5mil
2 votos

Mudar NAV e DOT Owl Carousel 2

Pra quem estiver com essa dúvida consegui criando uma classe own-carousel-top, depois fazendo a chamada dela na DIV, segue os dados: .owl-carousel-top .owl-next, .owl-carousel-top .owl-prev { top:...
Rafael Meirim's user avatar
2 votos
Aceito

Como inserir uma linha por cima do carousel

Para alinhar os títulos nos Thumbnails eu tive que usar display flex, e separa imagem em uma coluna e título em outra coluna. Veja no Snippet que vc vai entender. Tirando isso não mexi no HTML, só CSS....
hugocsl's user avatar
  • 66,9mil
2 votos

Carousel Bootstrap não funciona

Seu problema é que vc está usando o Componente do Bootstrap 3, mas com os CDNs do Bootstrap 4 E conforme o Caique falou o ideial é que o jQuery venha antes do JS do Bootstrap. Esse é o seu Head: ...
hugocsl's user avatar
  • 66,9mil
2 votos
Aceito

Carousel Bootstrap não funciona

Reveja as bibliotecas que você está utilizando e verifique suas dependencias, no caso do bootstrap é necessário incluir a bibliotecar jQuery primeiro: Bootstrap Some plugins and CSS components depend ...
Caique Romero's user avatar
2 votos

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

A estrutura do seu Carousel está incorreta. O Carousel só irá funcionar se tiver a estrutura conforme informada na documentação. Alguns seletores estão incorretos também, outros faltando etc.. se for ...
Sam's user avatar
  • 80,8mil
2 votos

owl carousel não funciona

Cara tinha alguns detalhe que eu mudei e aqui está funcionando, primeiro que tem umas aspas " sobrando no sue código, depois que essa versão do jQuery é bem antiga. Além disso, vc tem só 3 imagens, ...
hugocsl's user avatar
  • 66,9mil
2 votos
Aceito

Carousel Bootstrap Quebrado

Existe uma forma de reverter esse CSS apenas para os filhos de um determinado Container. Então, no caso, vc coloca o Carrossel dentro de uma section e determina que tudo dentro dessa section vai ter ...
hugocsl's user avatar
  • 66,9mil
2 votos

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

Seu problema tem haver com o document.querySelector dentro do constructor da classe Slide. Ele retorna apenas 1 elemento do DOM, logo ele retorna somente a primeira div. Você teria que usar o document....
Cmte Cardeal's user avatar
  • 6.981
1 voto
Aceito

Carrossel multi itens dinamico usando bootstrap

Boa tarde! Acho que poderia ser feito dessa forma. As mudanças foram simples. $('#myCarousel').carousel({ interval: 10000 }) $('.carousel .item').each(function(){ var next = $(this)....
Marcus Urbano's user avatar
1 voto
Aceito

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

Você pode criar um objeto com diferentes valores para cada elemento do slider e chamar o callback beforeChange (veja documentação) para alterar a duração (autoplaySpped). Lembrando que o nome de cada ...
Sam's user avatar
  • 80,8mil
1 voto

Clicar em Carousel Materialize

Colocar a <div class="carousel-fixed-item center"></div> abaixo da <div class="carousel-item"></div>
Thiago Icassatti Santos's user avatar
1 voto

Clicar em Carousel Materialize

Pra mim deu certo, fui nessa parte do código materialize.js: }, { key: "_handleCarouselClick", value: function _handleCarouselClick(e) { // Disable clicks if carousel was dragged. if (...
Pedro Marques's user avatar
1 voto
Aceito

Ajuste de botoes do bootstrap

Daniel de acordo com o Exemplo que vc postou de outro site eu fiz esse modelo com Bootstrape, apesar do site de referencia usar o Flexslider Esse modelo tem 4 imagens por Slider, mas vc pode adaptar ...
hugocsl's user avatar
  • 66,9mil
1 voto

Ajuste de botoes do bootstrap

Nesse caso, como o carrossel não está envolvido em nenhuma div, o mesmo ficará com 100% de largura, e também está acrescentando um padding-right default. Fiz uma edição que funcionará caso o ...
Jorge Nunes's user avatar
  • 2.840
1 voto

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

Olá, Rafitos! Tentei montar as estrutura do código pra você, utilizei o carrossel do próprio framework. Bom, para que ele funcione como você quer, precisamos setar algumas classes, vou usar o ...
Alexandra's user avatar
1 voto
Aceito

Carousel multiple passando 1 item por vez

Consegui resolver o problema com este exemplo: Angular UI Carousel <div class="gallery-carousel"> <ui-carousel slides="recentes" slides-to-show="5" ...
Ivan Ferrer's user avatar
  • 12,3mil
1 voto

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

Para dar pause automático a um vídeo tens que usar a API do YouTube em vez do iframe padrão. Esta API permite-te controlar coisas simples como eventos play state, pause, stop etc, ou ir até ao ...
Chun's user avatar
  • 7.546
1 voto
Aceito

Abrir em determinada foto, slick carousel

Utilize a propriedade initialSlide para configurar qual o slide inicial. Observe também a documentação da biblioteca: Documentação
Alexandre Cavaloti's user avatar
1 voto

Galeria com filtro de categoria

Você pode ter um array de objetos destas imagens, e conforme for alterando as galerias, ir mapeando esse array e injetando os elementos de acordo com sua quantidade. Desta forma você teria uma página ...
Luan G. C. Rodrigues's user avatar
1 voto
Aceito

rotação do carousel, não é possível ler a propriedade "style" de nulo

Testando seu código o erro que tive não foi na propriedade length de nenhum dos seus querySelectorAll. Obtive erro de declaração do carouselAtual que está no seu setTimeout. Acredito que você precise ...
Pablo Carvalho's user avatar
1 voto

Carousel que passa uma imagem por vez e com miniaturas embaixo

jQuery(document).ready(function($) { $('#myCarousel').carousel({ interval: 5000 }); $('#carousel-text').html($('#slide-content-0').html()); ...
Rafael Augusto's user avatar
1 voto
Aceito

Carousel Boostrap

Adiciona esse script ANTES DE QUALQUER CÓDIGO JS https://code.jquery.com/jquery-2.2.4.min.js
Leonardo's user avatar
1 voto

Carousel bootstrap um dentro do outro não funciona direito

Pelo que eu pude ver no repositório do desenvolvimento aqui, aqui e aqui, o framework não dá suporte pra isso. Algumas pessoas conseguiram fazer coisas como isso aqui: http://jsfiddle.net/vittore/...
ShutUpMagda's user avatar
  • 2.106

Only top scored, non community-wiki answers of a minimum length are eligible