EnglishWOWSlider  DeutschBildergalerie Diashow  EspañolGaleria de Imagenes, Slide Imagenes Gratis  FrançaisDiaporama Galerie D'Image  ItalianoImmagini Galleria  汉语网络幻灯片: 效果的幻灯片  Português brasileiroGaleria De Imagens  Русскийслайдер изображений, слайдшоу, CSS3 слайдер  SvenskaBild Galleri  日本語画像のスライダー&ギャラリー  NederlandsAfbeeldingen Caroussel 

This slider is now avalable with our Free Website Builder!

The builder comes with 600+ awesome website blocks: image galleries, lightboxes, image carousels, counters, countdowns, full-screen intros, features, data tables, pricing tables, progress bar, timelines, tabs, accordions, call-to-action, forms, maps, social blocks, testimonials, footers, and more... Free for commercial use.

Free HTML Templates

Mais demos

  • Javascript slider for websiteslider javascript Emerald Theme with Photo Animation
  • Slideshow creator programslideshow creator Turquoise Layout with Stack Vertical Transition
  • Slideshow de jQuery Quiet Template with Rotate Effect
  • css slider Elemental Skin with Slices Transition
  • Melhor Slider jQuery Crystal Style with Basic Linear Effect
  • Slider Automático de jQuery – Demos de Audo Slider jQuery Noir Skin with Squares Transition

  Squares Effect & Salient Design Slideshow jquery

Este slide tem um design único e tridimensional.

O slide principal tem uma borda cinza com pequeno destaque, sombra fina e uma sombra levemente projetada. O resultado é que ele se parece com um quadro tridimensional. O uso da cor cinza o mantém moderno e limpo.

Abaixo do slide principal existe uma grande sombra degradê, que é uma forma muito moderna e limpa de afastar o slider do site principal o colocando em destaque. Esta sombra projetada funcionará melhor em um site que tenha um fundo mais claro.

Ao lado esquerdo do slide principal existe um conjunto de slides de pré-visualização empilhados verticalmente. Cada um tem uma moldura cinza similar. A imagem de pré-visualização que está sendo exibida no slide principal é destacada pela moldura que fica branca em vez de cinza.

Passar sobre os slides de pré-visualização faz com que eles rolem para cima e para baixo, para que você possa ver todos os slides relevantes. Isto torna extremamente fácil e óbvio como se faz para navegar pelos slides tornando este slider ideal para sites destinados a usuário com menos sabedoria em tecnologia.

Há um efeito hover sutil ao passar o mouse sobre cada imagem de pré-visualização em que as cores ficam um pouco mais escuras e mais ricas. Isso reforça o fato de que essas imagens de visualização são clicáveis.

Passando sobre o slide principal, são exibidas as setas de navegação, uma de cada lado. Estas setas são cinza escuro, e tem uma visual em relevo. Elas têm um círculo cinza claro de fundo, com uma série de bordas semitransparentes em cinza escuro e claro. Mais uma vez, o efeito é tridimensional e muito convidativo para clicar.

Ao passar o mouse sobre o botão de navegação, a seta se torna mais escura e reforça o fato de que você pode interagir com este elemento. Clicando sobre ela, o slide seguinte ou anterior é mostrado para você.

Há uma legenda no canto inferior esquerdo do slider. A legenda tem um fundo semitransparente cinza e usa uma fonte cinza escura. A fonte usada é a Marmelad, uma fonte san-serif arredondada que é bem equilibrado e tem proporções regulares. É uma sensação moderna e as letras arredondadas dão uma are de simpatia e conforto.

O efeito de mudança padrão é chamado de "squares", onde a imagem é gradualmente substituída pela próxima, quadrado por quadrado. É um efeito simples, mas elegante, que funciona bem com o design moderno do slider. Outros efeitos da mudança funcionam bem com este projeto são o "glass parallax" e o "seven", sendo que ambos são modernos e suaves.

Este slider irá funcionar bem para sites modernos e profissionais que querem mostrar que são confiáveis. A utilização de um esquema de cor monocromático o torna sério e profissional. Sites sobre finanças, pequenos empresários e profissionais liberais serão todos beneficiados por este slider.

© 2017 WOWSlider.com - All Rights Reserved. Terms Privacy