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 ...
4
votos
Aceito
Isset não funciona
Nesse arquivo aqui:
<div>
<? php // <<<<<<<<
if(isset($_POST['cpf'])){
echo "<table>";
echo "<tr>";
echo "<th&...
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ê ...
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">
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 ...
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 ...
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 ...
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:...
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....
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: ...
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 ...
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 ...
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, ...
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 ...
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....
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)....
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 ...
1
voto
Clicar em Carousel Materialize
Colocar a
<div class="carousel-fixed-item center"></div>
abaixo da
<div class="carousel-item"></div>
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 (...
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 ...
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 ...
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 ...
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"
...
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 ...
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
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 ...
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 ...
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());
...
1
voto
Aceito
Carousel Boostrap
Adiciona esse script ANTES DE QUALQUER CÓDIGO JS
https://code.jquery.com/jquery-2.2.4.min.js
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/...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
carousel × 87javascript × 24
html × 20
jquery × 18
css × 17
twitter-bootstrap × 15
bootstrap × 12
html5 × 11
css3 × 9
bootstrap-3 × 7
owl-carousel × 7
php × 6
slide × 5
java × 3
android × 3
wordpress × 3
front-end × 3
banco-de-dados × 2
angularjs × 2
imagem × 2
materialize × 2
nav-bar × 2
slideshow × 2
vídeo × 2
c# × 1