carrossel de imagens largura total que pode centro selecionado imagem e parcialmente mostrar outras imagens na galeria

StackOverflow https://stackoverflow.com/questions/1810736

Pergunta

Eu olhei para um plugin que vai fazer isso e o mais próximo que eu poderia encontrar era CarouselLite mas ele realmente não fazer o que eu estou tentando obter. A maioria das outras bibliotecas que eu poderia encontrar não gosto 100% de largura ou ocultar imagens inativos ou não centralizar a imagem ativa deslocando-a para a própria esquerda da galeria div. Eu não sou realmente bom em javascipt, talvez alguém poderia me aponte para uma biblioteca que vai funcionar para mim.

Estou tentando definir uma galeria de imagem de largura total para mostrar bastante grandes imagens da maneira que selecionado (por um clique do mouse) de imagem é centralizada na página, enquanto outras imagens são parcialmente mostrado bem (tanto quanto a tela largura permite ). Clicando esta mesma imagem novamente irá centrar próximo na tela (efeito de slides seria adorável), clicando outras imagens deve centrar-se que foi clicado.

Parece muito simples e eu estava esperando encontrar algo que faz isso rapidamente. Passou dois dias sem sorte. Espero que alguém tenha me deparei com uma biblioteca que vai fazer isso.

Aqui é um pequena imagem demonstrando o que eu estou procurando (imaginar, é 100% largura):

Foi útil?

Solução

Eu era capaz de conseguir um pouco de trabalho, pelo menos de alguma forma aqui com o protótipo de interface do usuário e carrossel plug-in . O problema aqui é que ainda se alinha a imagem ativa para o lado esquerdo da tela, enquanto eu estou tentando centrá-lo.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top