Widgets carrossel elementador

Um carrossel deve fazer mais do que deslizar Master Addons dá-lhe vinte estilos de movimento finalizados (coverflow, acordeão, flip, linha do tempo, depoimento e muito mais) ao lado de carrosséis de imagem, logotipo, equipe e post que não custam nada. Oito dos vinte importam no plugin gratuito, e cada design tem uma demonstração ao vivo, para que você possa julgar um estilo de movimento em dez segundos, em vez de ler uma lista de recursos Todos os vinte saem dos Master Addons Construtor de widgets, então eles importam como widgets de trabalho e você os edita no Elementor como qualquer outra coisa Nenhum código para colar.

Cada design, com sua demonstração, JSON e documentos

Todo o conjunto em uma lista Abra uma demonstração para ver como o movimento se comporta, compare o estilos baseados em profundidade contra os planos, pegue o JSON se quiser no Elementor, e leia o doc quando um controle fizer algo que você não esperava Todos os vinte foram feitos com o Construtor de widgets, então editar qualquer um deles é trabalho de painel, não código.

Pro

Três slides ficam na tela ao mesmo tempo: o do meio quadrado, os dois externos virados e escurecidos para que o olho saiba onde pousar Setas, pontos de tick e um contador são opcionais, o jogo automático carrega sua própria etiqueta de pausa e teclas de seta e desliza os dois melhor em portfólios onde a próxima peça deve provocar em vez de competir.

Pro

Os painéis verticais ficam comprimidos às suas etiquetas até que um abra e aperte seus vizinhos, então seis seções cabem na altura de um. Um controle de layout transforma tudo em um arranjo empilhado, o open-on-hover pode ser desligado para toque e você escolhe qual painel está aberto quando a página carrega. Um contador pode ficar acima ou abaixo.

Pro

Uma fotografia full-bleed com a legenda desaparecendo em meia batida depois que a imagem cai, então a imagem lê primeiro e as palavras só confirmam. Reproduzir automaticamente com uma linha de progresso, passos de teclado e deslizar são todos embutidos, e imagens abaixo da dobra carregam preguiçosamente Feito para áreas de heróis onde a imagem carrega a mensagem, não longas galerias.

Pro

Uma pilha de cartas offset onde a de cima levanta e descasca para o lado A profundidade deixada para trás é como as pessoas julgam o que resta, então nenhum contador é necessário Cada carta carrega um crachá, um preço e uma nota, você define quantos permanecem visíveis na pilha, e uma dica opcional diz aos iniciantes para arrastar Próximo e Voltar são rotulados como texto.

Pro

O quadro divide-se no centro e as duas metades viajam em direções opostas, descobrindo o próximo emparelhamento à medida que passam uma pela outra Um movimento alto: use-o uma vez, perto do topo de uma página, em vez de uma galeria de doze imagens. Teclado, deslize e uma leitura de progresso vêm com ele, e os leitores de tela são informados sobre qual par está sendo exibido.

Pro

A roda de rolagem aciona os slides, e a página leva o rolagem para trás no momento em que você chega a qualquer extremidade, para que ninguém fique preso na seção na descida As teclas de seta e deslize fazem o mesmo trabalho O melhor em histórias verticais onde a ordem de leitura importa mais do que deixar as pessoas pularem, e o movimento reduzido o transforma em um passo simples.

Pro

As cartas giram em seu eixo vertical para mostrar uma segunda face, então um slide faz o trabalho de dois: frente para o pitch, volta para a especificação Posição da trilha dos pontos, teclas de seta e passo de deslizamento, e visitantes de movimento reduzido obtêm a troca sem o giro Ambas as faces são editáveis Bom para especificações de produtos, detalhes de preços e biografias da equipe.

Pro

Os slides percorrem a borda de um círculo ancorado abaixo da janela de visualização, chegando ao nível e inclinando-se à medida que saem, de modo que se lê como movimento ao longo de um caminho, em vez de ao longo de uma pista Roda, teclado e deslize todos o dirigem e uma posição de contramarcas Adequados conjuntos liderados por imagens onde o movimento faz parte do tom; movimento reduzido achata a curva.

Pro

Telhas irregulares trocam de deslizar lateralmente, então a composição muda de forma enquanto o quadro permanece colocado Teclado e deslizar ambos movê-lo, e movimento reduzido obtém um corte simples Ternos uma galeria onde nenhuma imagem única tem que vir primeiro o conjunto é o ponto, e classificação só iria ficar na forma Tamanhos de telha são definidos no painel.

Pro

Agarre e jogue, com impulso e sem pontos de encaixe, então a tira pára onde quer que seu movimento saia Roda e teclado também funcionam, e um contador mantém a posição honesta O slide meio visível na borda é o que diz às pessoas para manter puxando [a] sem que as linhas salientes e de arrasto livre sejam lidas como estáticas Os usuários do teclado obtêm etapas discretas em vez disso.

Pro

Dois painéis se separam para descobrir o slide já sentado atrás deles Nada viaja horizontalmente, por isso permanece calmo dentro de uma página densa onde uma pista deslizante lutaria contra tudo ao seu redor Passos de teclado, deslizamento e manuseio de movimento reduzido são construídos melhor com imagens individuais fortes; composições ocupadas se perdem atrás dos painéis.

Pro

Os itens viajam um círculo em torno de um centro fixo e terminam onde eles começaram, com um contador marcando posição no caminho ao redor Teclado e deslizar ambos passo-lo, e movimento-dá uma queda da órbita para uma mudança simples Mantenha-o para o conteúdo que genuinamente loops 1 um processo, um ciclo, um ano 1 onde voltar para o início é o ponto.

Uma imagem preenche o palco e os slides trocam instantaneamente, então não há nada para gaguejar em uma conexão lenta ou ficar fora de sincronia quando o Elementor renderiza O único design aqui com um link em cada slide mais um rótulo de call-to-action compartilhado Oitenta e cinco controles cobrem a tela, pontos, setas, contador, teclado e deslizar.

Uma coluna de linhas de entrada ao lado de uma única placa; escolher uma linha troca a imagem, o carimbo e a legenda, o que torna a própria lista a navegação Select-on-hover é um interruptor, vale a pena deixar de lado onde quer que um ponteiro perdido o cruze. Construído para catálogos, arquivos e listas de obras. 110 controles ficam em dezoito seções.

Uma grande placa sob uma faixa de miniaturas, com um painel pegajoso ao lado segurando a legenda e uma tabela de dados de quadros: lugar, hora, lente, abertura, obturador, ISO, cada rótulo editável Os quadros são substituídos imediatamente, nada desliza A faixa é o controle real; as setas estão lá para as pessoas que os querem Existem 127 controles no painel.

Nove caixas de itens paginadas três de cada vez, com um trilho de segmento que mostra a posição e salta direto para uma página Cada caixa contém uma imagem, categoria, título, cópia e um par de estatísticas A unidade de repetição é a página em vez do item, que é o comércio para o nível livre: nove caixas em três seções de conteúdo O trilho pode ser escondido.

Uma faixa de tabulação sobre painéis editoriais figura e legenda, kicker, título, lede, cópia corporal, uma tabela de fatos de três linhas e uma assinatura Semântica tablista ARIA real com tabindex itinerante, então teclas de seta e leitores de tela se comportam da maneira que as pessoas esperam Mais perto de uma propagação de revista do que um controle deslizante, e melhor para cópia longa 131 controles.

Uma citação ao lado de seu retrato, pisada com divisas que podem nomear quem fala em seguida, em vez de apenas apontar para algum lugar Uma barra de progresso e uma posição de trilha de contagem em execução A marca de citação é um controle de texto em vez de um glifo fixo, para que possa corresponder ao idioma do site ou ser esvaziado inteiramente Cinco campos por voz, três vozes.

Entradas fixadas em um eixo datado, com espaçamento de carrapatos computado a partir dos anos que você digita em vez de se espalhar uniformemente, de modo que as décadas tranquilas permanecem visíveis como lacunas Um pente de década acima da regra dá a esse espaçamento uma escala para ler contra O painel mais largo do conjunto em 143 controles, o eixo estilizado por conta própria Nove campos por entrada.

Um item mantido grande com os outros esperando ao lado Clique em um satélite e ele promove no slot de recurso, as caixas movendo-se para seus novos lugares com uma animação FLIP em vez de teletransportar lá O recurso carrega uma placa de três fatos; cada satélite mostra apenas seu número e nome Construído para salas e exposições rotativas.

Perguntas frequentes sobre widgets de carrossel de elementadores

Saiba as dúvidas mais solicitadas que os usuários têm sobre os widgets do carrossel Elementor e encontre respostas em um só lugar.
Elementor tem um widget carrossel?

Sim. Image Carousel é enviado no plugin gratuito da Elementor, e Media Carousel, Carrossel Testemunho e Carrossel Loop venha com o Elementor Pro. O gratuito não possui legendas de slides e controle responsivo limitado, que é o motivo usual pelo qual as pessoas adicionam um complemento.

Seis widgets carrossel e slider em Master Addons são gratuitos: Carrossel de Imagem, Deslizador Logo, Team Slider, o modo carrossel do widget Blog, Timeline e o controle deslizante Comparação de Imagens antes/depois, além da extensão gratuita Background Slider Oito dos vinte designs personalizados também são importados gratuitamente: Plinth Hero, Ledger Index, Vitrine Plate Gallery, Quadrant Paged Catalog, Bulletin Tabbed Panels, Rostrum Quote, Almanac Timeline e Keystone Feature Os outros doze designs, o Gallery Slider e o News Ticker precisam do Pro.

Um controle deslizante mostra um slide de cada vez e geralmente é um herói de largura total Um carrossel mostra vários itens de uma só vez em uma pista horizontal Ambos funcionam no mesmo motor Swiper aqui, então a diferença prática é a configuração de slides por visualização. Carrossel versus controle deslizante abrange onde a distinção ainda muda o que você constrói.

Defina slides-per-view separadamente para desktop, tablet e celular usando os ícones do dispositivo na parte superior dessa configuração Quatro, dois, um funciona para a maioria das galerias Verifique o tamanho da seta no celular também, uma vez que os padrões geralmente estão abaixo do alvo de toque acessível de 44 px.

Títulos de diferentes comprimentos empurram as linhas abaixo deles para fora da linha, e proporções de imagem misturadas fazem o mesmo Defina uma proporção de imagem fixa e ou tampe a altura do título com truncamento ou ligue a altura automática para que os níveis de linha para o slide mais alto Os cartões de produto atingem este mais difícil, que o guia carrossel do produto capas.

A combinação ou adiamento de JavaScript interrompeu o carregamento do Swiper antes da execução do código init. Excluir swiper, elementor-frontend e jquery-core da otimização JS. No LiteSpeed, adicione-os ao campo Modo Convidado também Caso contrário, funciona enquanto você está conectado e faz pausas para os visitantes. O guia de solução de problemas do Swiper tem a lista completa de alças.

Os ativos carregam apenas nas páginas onde o widget é usado, portanto, um widget não utilizado não custa nada O peso que importa são suas imagens: um carrossel renderiza cada slide, portanto, sirva WebP no tamanho da exibição e mantenha o primeiro slide abaixo de 150 KB. Carrosséis vídeo são o caso caro, porque cada slide carrega um jogador.

Saiba mais sobre carrosséis Elementor

Guias para cada tipo de carrossel nesta página, desde o conjunto de design até o widget que o constrói.

Desenhos e modelos

Construa um carrossel específico

Ferramentas carrossel próprias da Elementor

Escolhendo

Widgets e extensões de elementos de tendência

Construa sites sofisticados em menos tempo.

Elemento Glassmorphism para Elementor por Master Addons

Glassmorphismo

Home Glassmorphism é a tendência de design que dá ao seu site uma aparência suave, translúcida e moderna...
Ver detalhes
Estenda além da largura máxima

Contêiner Extras

Início Cansado de seus designs impressionantes confinados a limites rígidos de contêineres? Extras de contêineres por...
Ver detalhes
Extensão padrão

Padrões

Início Transforme recipientes planos e estáticos em elementos de design visualmente envolventes com os padrões Master Addons...
Ver detalhes
Réplicas Exatas em uma Única Ação

Duplicador de postagem/página

Home Simplifique seu fluxo de trabalho e elimine configurações repetitivas com o duplicador Master Addons Post/Page. Isso...
Ver detalhes
Extensão da barra de progresso de leitura

Barra de progresso de leitura

Início Comece a ler um longo artigo e me pergunte quanto resta? Então faça...
Ver detalhes
Setembro Venda

40% fora tudo

Cada plano Master Addons Pro, anual e vitalício Um código, oito dias.

00dias
00horas
00min
00seg

Termina segunda-feira, 14 de setembro, 23h59 horário do leste dos EUA

  • Pessoal1 site $ 129$ 77
  • Negócios5 sites $ 199US$ 119
  • DesenvolvedorSites ilimitadosMelhor para agências $ 599US$ 359

Pague uma vez. Nenhuma renovação, nunca.

Código cupom MALIFE40
Ganhe 40% de desconto agora
  • Mais de 30.000 instalações ativas
  • 4,5/5 de 212 avaliações
  • dinheiro de volta em 14 dias