Slideshow com barra de progressão

[rikaschmitt 54]

Boa tarde galera,

 

Estou precisando de um slideshow mas que tenha uma barra de progressão, que ao completar, troca de slide e tals.

Alguém me indica um?

Ou existe uma forma de "criar" essa barra e introduzi-la em qualquer script de slide pronto?

[wilnet 92]

Olá rikaschmitt blza,

 

Segue o LINK para este Slider.

 

Ele tem no rodapé da imagem uma barra de progressão antes da troca de cada foto.

 

Link

 

Veja se este serve.

 

As opções que uso para efeito de transição que achei foram essas:

BarRight,square,squareRandom,slipbottom,bar,BarLeft,BarRight,Fountain,Rain,explode,fade,slide,SwipeLeft,SwipeRight

Você também pode melhorar essa Barra de Progresso, pois a do site oficial está muito fininha e apagada rsrs

 

 

Para facilitar no arquivo do "jquery.slider.css" no final da página:

.jquery-slider-timer-bar
{
  background:#ff0000;
  opacity:0.8;
  height:6px;
  width:0;
  float:left;
  display:inline;
}

vlw

[rikaschmitt 54]

Isso, exatamente.

Só não achei aonde baixo o plugin.

Uma pena ele não aceitar efeito easing..

 

Agora basta eu adequar ele ao meu site.. pois preciso que cada slider tenha uma borda de cada cor, e isso inclui a paginação e barra de progresso nessa cor.

[wilnet 92]

Então eu exibi o code fonte dele e fui salvando os arquivos, e adaptei para meu uso.

[rikaschmitt 54]

Consegui utilizando o slider Cycle2, ele é bem completo.

 

http://jquery.malsup.com/cycle2/