Carrusel de imágenes de ancho completo que puede centrar la imagen seleccionada y mostrar parcialmente otras imágenes en la galería

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

Pregunta

He buscado un complemento que haga esto y lo más cerca que pude encontrar fue CarouselLite, pero realmente no hace lo que estoy tratando de conseguir. La mayoría de las otras bibliotecas que pude encontrar no me gustan al 100% de ancho u ocultar imágenes inactivas o no centrar la imagen activa desplazándola a la izquierda de la galería. No soy muy bueno en javascipt, tal vez alguien podría indicarme una biblioteca que funcione para mí.

Estoy intentando configurar una galería de imágenes de ancho completo para mostrar imágenes bastante grandes de la manera en que la imagen seleccionada (con un clic del mouse) se centra en la página, mientras que otras imágenes también se muestran parcialmente (tanto como el ancho de la pantalla lo permite ). Si vuelves a hacer clic en esta misma imagen, se centrará la siguiente en la pantalla (el efecto de diapositiva sería encantador), al hacer clic en otras imágenes debería centrarse una en la que se hizo clic.

Suena bastante simple y esperaba encontrar algo que lo hiciera rápidamente. Pasé dos días sin suerte. Espero que alguien haya encontrado una biblioteca que haga esto.

Aquí hay una imagen pequeña que demuestra lo que estoy buscando (imagina que es 100% ancho):

¿Fue útil?

Solución

Pude obtener algo de trabajo al menos de alguna manera aquí con prototipo de interfaz de usuario y plugin de carrusel . El problema aquí es que todavía alinea la imagen activa con el lado izquierdo de la pantalla mientras intento centrarla.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top