JS + transition

[Caio Cafardo 7]

E aí pessoal, to fazendo um site e usando bastante transition, tentando usar 100% no lugar do JS, o problema é o seguinte:

Na galeria de imagem vai ter animações quando clico na seta para ir para a outra imagem, antes fazia com JS, animate e tals, existe uma forma de fazer com transition? As fotos vem de um banco de dados, então não tenho um número certo de imagens.

Qual a forma de se fazer?

[William Bruno 1501]

Exemplo:

 

http://wbruno.github.io/slideshow/

 

E esse aqui tb usa transition:

http://wbruno.github.io/carousel/

 

Uma solução que eu faria para "vir do banco", seria dar uma classe ao container do carousel que informasse para quantidade de imagens. E ai, com essa classe, eu defindo a largura do slideshow.(tendo em mente que será um número limitado de imagens, se não, dê essa largura com js)

[Caio Cafardo 7]

Valeu William.

Desculpa minha ignorância, sempre fiz esse tipo de coisa com JS, aí pegava as fotos com PHP e acabava dando um id pra cada foto, ou seja, id="foto1", id="foto2", etc...

Aí no js trabalhava com elas usando o for.

Mas nesses exemplos que passou eu não vou precisar de um arquivo JS? Como o CSS saberá qual imagem acabou de sair e qual deve entrar?

[William Bruno 1501]

Tem js também, até para controlar o click das miniaturas.

Dá uma olhada com mais calma lá.