Royal Slider é fácil de usar galeria de imagens jQuery e plug-in de controle deslizante de conteúdo com legendas animadas, um layout responsivo e suporte de toque para dispositivos móveis. Como navegação, você pode usar miniaturas, guias ou marcadores. Use-o como um controle deslizante de imagem, apresentação de slides, controle deslizante de conteúdo HTML, galeria, rotador de banner, galeria de vídeo, carrossel ou até mesmo apresentação. Desenvolvido nas melhores práticas do HTML5, as transições CSS3 são utilizadas para todas as animações (com fallback).
v9.5.9, consulte changelog | Fórum de suporte | plug-in do WordPress
O Royal Slider está focado em desempenho, acessibilidade, estabilidade e em fornecer a melhor experiência para usuários com qualquer dispositivo. Não tem uma dúzia de efeitos de transição sofisticados, mas os tipos que ele possui funcionam tão rápido e suave quanto a tecnologia atual permite. A arquitetura modular do script permite que você exclua as partes que você não precisa do arquivo JS principal para otimizá-lo ainda mais.
O plug-in é usado pelas principais agências e marcas em todo o mundo, veja a lista de exemplos de uso do mundo real no site de demonstração.
Recursos do RoyalSlider
- Suporte de navegação por toque para iOS (todas as versões), Android 2.3+, IE10, IE11, Blackberry e outros sistemas operacionais e navegadores compatíveis com eventos de toque ou ponteiro.
- Absolutamente qualquer conteúdo HTML em cada slide e cada miniatura (ou guia).
- Carregamento preguiçoso inteligente – carrega imagens próximas em segundo plano, para que os usuários não precisem esperar todas as vezes e as imagens fiquem disponíveis instantaneamente. Você pode definir quantas imagens pré-carregar nas opções. Pode ser desativado.
- Super suave transições CSS3 aceleradas por hardware.
- Recurso de tela cheia com nativo HTML5 em tela cheia apoiar. Perfeito para uma galeria de fotos onde você deseja mostrar fotos de alta resolução.
- Gerenciamento de memória – mantém apenas alguns slides na lista de exibição.
- Vídeos do YouTube e Vimeo em slides.
- Deep-linking – link para um slide específico da URL.
- Velocidade, transição e atenuação ajustáveis para cada legenda ou slide.
- Conteúdo estático para cada slide é permitido. Veja a demonstração com conteúdo estático.
- Legendas HTML animadas com efeitos personalizados (fade, mover para cima, mover para a direita…).
- Mover ou transição de fade para slides.
- Todos os modelos iniciais são responsivos para dispositivos móveis. Miniaturas e slides podem ser redimensionados dinamicamente.
- Desliza com uma velocidade de furto.
- Capacidade de remover a navegação de arrastar usando o mouse.
- SEO otimizado e semântico, as imagens são indexáveis, completamente qualquer nome de tag para marcação, as legendas podem usar qualquer tag que você quiser (“h1”, “h2”, “p”…).
- Apresentação de slides automática com uma pausa opcional ao passar o mouse.
- Métodos públicos, propriedades e retornos de chamada (vá para o slide, reproduza a apresentação de slides, etc.). Inclui métodos para adicionar ou remover slides dinamicamente.
- Defina o índice do slide inicial e o espaçamento entre os slides.
- O controle deslizante pode ser colocado dentro do script lightbox, como o Magnific Popup. Veja o slider no exemplo lightbox.
- Pode ser facilmente carregado usando ajax, tem método destroy().
- Interface personalizável (adicionar/remover setas, marcadores).
- Miniaturas, guias ou marcadores para navegação.
- Scroller de imagem de miniaturas de toque baseado em física que pode ser colocado em qualquer lugar na página e conter qualquer conteúdo HTML dentro.
- As miniaturas podem ser posicionadas vertical ou horizontalmente e podem ser redimensionadas separadamente do controle deslizante.
- Vários controles deslizantes permitidos em uma página.
- Modo de escala personalizada para imagens – ajuste na área, ajuste na área somente se a imagem for menor, preencha a área.
- Compatível com todos os principais navegadores (incluindo IE7 a IE9, Chrome, Firefox, Safari e Opera)
- Arquivos Photoshop (.psd) de skins incluídos.
- Qualquer conteúdo HTML pode ser colocado dentro do slide.
- Documentação HTML estendida.
- Você pode fazer uma pergunta no fórum de suporte sobre implementação, observe que o suporte não inclui serviço de instalação ou personalização.
- As atualizações são gratuitas para sempre.
Exemplos de uso do mundo real
Todos os designs de slider listados aqui são personalizados e são protegidos por direitos autorais de seus autores. A lista inclui apresentações de slides criadas pelas versões HTML e WordPress do Royal Slider.
Veja a lista completa →
Veja a demonstração do controle deslizante em seu dispositivo móvel
O que os compradores estão dizendo:
“Usamos o Royalslider para o site do nosso jogo para iPhone/iPad Gluddle. Estamos muito impressionados com as possibilidades prontas para uso que este plug-in oferece e estamos muito felizes com isso, pois nosso site fica ótimo em todos os dispositivos iOS, bem como nos navegadores comuns. Ótima funcionalidade e plugin muito estável!”
—creativeheroes.nl
“Estou usando a versão independente em meu portfólio para as apresentações de slides de navegador completo em meus estudos de caso. Um dos melhores e mais bem documentados plugins que já usei.”
—ahrengot
“Fantástico slider embora. Muito fácil de usar e estilo. Comecei usando o AnythingSlider e era muito complexo para tudo o que eu queria fazer. Este controle deslizante faz tudo com facilidade.”
—gwhite83
“Uau, estou amando este controle deslizante. Sou um novato em codificação e este aplicativo é bem documentado e fácil de implementar em comparação com outros produtos. Bom trabalho.”
—mrdav1
Você pode encontrar mais avaliações de compradores reais na página de comentários.
Imagens em pré-visualização: notsogoodphotography, Gilderic Photography, Stuck in Customs e Wikipedia open image license.
As imagens não estão incluídas na compra.
Artigos Relacionados
