Stack Effect & Ionosphere Theme Javascript slider

Este slide de demosntração utiliza o bem conhecido efeito “stack” para fazer as transições. Neste efeito, em cada novo slide que é apresentado a imagem desliza da direita para a esquerda. Sem grandes e espalhafatosas manobras que possam alterar o foco dos seus visitantes, mantendo desta forma o visitante fica focado apenas na imagem.

Este slide de apresentação, contém uma caixa retângular afiada para se inserir o texto, e situa-se no canto inferior esquerdo. Cada caixa é de cor negra translúcida, com uma escita de cor branco opaco. Existem 2 caixas de textos, e cada uma delas pode ser deslizada da direita para esquerda ou vice-versa, e também de cima para baixo. Estas caixas de texto tem uma borda azul, muito simples, do lado esquerdo, complementada com uma borda azul no topo da moldura, ao longo de todo o slideshow. De outra maneira o resto da moldura não tem nenhuma borda.

Os marcadores estão colocados na metade inferior, em forma de círculos cinzentos. Tem também setas de navegação de cor azul, muito simples, que se podem ver nas laterais. Ambas as setas são visíveis, sempre que o utilizador interaja com os slides. Se você desejar que uma mensagem se destaque, precisa rodea-la, por coisas que a complementem. Esta demosntração é exatamente isso. É simples, é efetiva, é fácil de chamar a atenção, e realça aquilo que realmente importa, ou seja a imagem.

O atual slideshow, começa automaticamente, porque a função “auto play” não está ativada. Neste momento você também não consegue ver o botão de “play/pause” porque está desabilitado na barra geral das propriedades. Este slider tem um suporte de Deslize/Swipe para que você possa facilmente trabalhar com os slides mesmo nos seus dispositivos móveis.