RoyalSlider – Galeria de imagens jQuery



RoyalSlider – Galeria de imagens jQuery

O Royal Slider é fácil de usar a galeria de imagens jQuery e o plug-in de controle deslizante de conteúdo com legendas animadas, layout responsivo e suporte ao toque para dispositivos móveis. Como navegação, você pode usar miniaturas, guias ou marcadores. Use-o como controle deslizante de imagem, apresentação de slides, controle deslizante de conteúdo HTML, galeria, rotador de banner, galeria de vídeos, carrossel ou até mesmo apresentação. Desenvolvidas nas melhores práticas do HTML5, as transições CSS3 são utilizadas para todas as animações (com fallback).


O Royal Slider está focado em desempenho, acessibilidade, estabilidade e em fornecer a melhor experiência para o usuário com qualquer dispositivo. Ele não possui 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 de script permite excluir as partes que você não precisa do arquivo JS principal para otimizá-lo ainda mais.


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 que suportam eventos de toque ou ponteiro.
  • Absolutamente qualquer conteúdo HTML em cada slide e em cada miniatura (ou guia).
  • Carregamento lento inteligente – carrega imagens próximas em segundo plano, para que os usuários não precisem esperar cada vez e as imagens fiquem disponíveis instantaneamente. Você pode definir a quantidade de imagens a serem pré-carregadas nas opções. Pode ser desativado.
  • Transições CSS3 aceleradas por hardware super suaves .
  • Recurso de tela cheia com suporte nativo de tela cheia HTML5 . Perfeito para galeria de fotos onde você deseja mostrar fotografia 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 slide específico do URL.
  • Velocidade, transição e facilitação ajustáveis ​​para cada legenda ou slide.
  • O conteúdo estático para cada slide é permitido. Veja a demonstração com conteúdo estático .
  • Legendas HTML animadas com efeitos personalizados (desaparecer, mover para cima, mover para a direita…).
  • Mover ou desvanecer a transição 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 pausa opcional ao passar o mouse.
  • Métodos públicos, propriedades e retornos de chamada (ir para slide, reproduzir apresentação de slides etc). Inclui métodos para adicionar ou remover slides dinamicamente .
  • Defina o índice inicial do slide e o espaçamento entre os slides.
  • Slider pode ser colocado dentro do script lightbox, como Magnific Popup . Veja o controle deslizante no exemplo de lightbox .
  • Pode ser facilmente carregado usando ajax, tem o método destroy().
  • Interface personalizável (adicionar/remover setas, balas).
  • Miniaturas , guias ou marcadores para navegação.
  • Rolo 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 verticalmente 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 do 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.






Mais em javascript