O Slider Raxus é um controle deslizante HTML5 com recursos fáceis de usar e avançados. Não há mais edição nos arquivos JavaScript. Você pode alterar os recursos desejados com os atributos de dados HTML5.
O que é Slider Raxus?
Raxus Slider é simplesmente a Galeria de Imagens e Slides. Você pode deslizar facilmente qualquer imagem e texto com este controle deslizante. Não há necessidade de editar o código JavaScript para essas opções que você verá. E alguns recursos de atributo HTML5 ajudarão você durante esse período. Vamos começar a procurar recursos do Slider Raxus, opções e ver como usar.
Recursos e opções
-
Posições de miniatura
Você pode selecionar a posição superior, inferior, esquerda e direita para miniatura mostrada. Ou você pode remover miniaturas.
-
Slide vertical
Slider Raxus pode deslizar de duas maneiras. Vertical e horizontal. Se você selecionar a opção de slide vertical, as posições de seta mudarão automaticamente, se estiver aberto.
- Jogo de automóveis
O Slider Raxus pode deslizar por conta própria, se você quiser. Basta definir seu MS (milissegundo) como ‘5000’.
- Arrows e pontos mostram / esconde
Você pode ocultar setas deslizantes e pontos separadamente.
- Tela cheia
Raxus Slider tem opção de tela cheia. Mas você pode fechar esta opção facilmente se não quiser esse botão.
- Controle do teclado
Você pode controlar o Slider Raxus com o teclado. O controle deslizante precisa ser o foco que os recursos usando.
- Legendas
Você pode escrever qualquer texto de título e descrição para cada slides que tenham opção de animação.
- Slide de vídeo
Você pode colocar o link de vídeo direto em atributos de imagem para mostrar vídeo nesse slide.
- URLs de miniatura automática / personalizada
O Slider Raxus recebe URLs de miniatura automaticamente. Mas não assuste, você pode definir seus URLs de miniatura personalizados com facilidade.
- Tamanho personalizado para miniaturas
Você pode definir o tamanho das miniaturas que quiser. O padrão é 70px / 70px.
- Opções da proporção da imagem
Para proteger seus índices de imagem, você pode selecionar o nome da classe correto como ‘Fix-Width’, ‘Fix-Hight’ ou nada.
- Tamanho personalizado para deslizante Raxus
Você pode definir tamanhos de área deslizante o que quiser. As imagens podem se proteger com base em sua classe que você definiu.
- Slider com múltiplos raxus
Você pode colocar o controle deslizante multi-raxus em uma página sem nenhum problema.
- DESEMPENHO
Para melhor desempenho, os efeitos de transição CSS3 usados.
- Tamanho do arquivo
Slider Raxus é 16kb. Se você usa a versão minificada, terá sorte. Porque Raxus Slider Minified .js Arquivo apenas 10kb
- Layout responsivo
Raxus Slider é responsivo, adaptável. Quando você altera o tamanho da janela, o slide pode ser localizado novamente de onde ele deixou a área de fora automaticamente.
- Deslize
Você pode usar o deslizador Raxus no dispositivo de toque. Quando você desliza na área do slide, o controle deslizante pode deslizar dessa maneira.
- Slide de loop
Você pode desativar a opção LOOP de dados de dados, se desejar. Quando você está no último e primeiro deslize, o slider não faz um loop.
- Cores de fundo
Você pode alterar a cor de fundo da área de slides e da área de miniatura com atributos de dados. Ou você pode definir transparente.
- Área de slide arrastável
Você pode arrastar a área do slide em todas as direção.
- Área de miniatura arrastável
Você pode arrastar a área de miniaturas em todas as direção.
- Adicione o link toda a área de slide
Você pode adicionar URL em cada área de slide.
Changelog
v2.0.4
Bug is fixed that slider is not stop when you press play button on videos
v2.0.3
Some navigation menu closing bug when slideshow slides with autoplay is fixed
Improved multi-Raxus Slider stability in one page
v2.0.2
Bug when scrolling the page on touchscreen is fixed
v2.0.1
Some bugs fixed
Performance improvements for firefox
v2.0
Added: Draggable slide area in all directions
Added: Draggable thumbnail area in all directions
Added: Add link your slides
Added: Custom cursor pointers by slide way status
Improved javascript file
v1.4
raxus-slider.js file compatibility is improved for WordPress users
Added: Caption animations now coming from 4 directions which you want. Just set your class-name.
v1.3
Added background-color change option with data-attributes for slide and thumbnail area
Added do not loop option. Now, you can set slider for don't loop from data-attribute.
Improvements in js and css files
v1.2
Fixed arrow, play and thumbnail clicks for mobile
Now autoplay pausing while you sliding. And it's resuming when slide animation done
Added some css class for mobile views (captions and dots)
v1.1
Now, arrows positions are calculating from css.
Improved code in .js file
v1.0
Raxus Slider / Easy-to-Use Advanced HTML5 Slider has been approved for sale on CodeCanyon.
Além disso, você pode seguir o Changelog até este link: Changelog