0
192
Views¿Colección de fotos de Google Slider en JavaScript / Angular / React / Vue?
Tengo muchas ganas de crear un control deslizante de fotos vertical en mi aplicación Angular / React tal como lo vemos en la versión web de Google Photos. Aquí está la captura de pantalla adjunta en caso de que aún no la haya visto en https://photos.google.com/ de su cuenta de Google 
El control deslizante se divide en la categoría anual donde los puntos pequeños representan los meses. Es lo suficientemente inteligente como para crear puntos basados en fotos que tienes en meses particulares.
Si hace clic en cualquier punto o año, la sección principal de fotos se moverá según la selección.
Si se desplaza por sus fotos con la rueda del mouse o la alfombrilla del mouse, este control deslizante cambiará de posición según el área de desplazamiento de la foto.
Traté de encontrar cualquier biblioteca NPM de código abierto que pudiera consultar, pero aún no lo hice. Cualquier ayuda que pueda obtener sobre cómo construir esto en Pure JavaScript o en TypeScript, me encantaría.
Cualquier pensamiento, discutámoslo en los comentarios.
Gracias de antemano.
1 answers
Answer question0
Sus requisitos han sido validados en los componentes de indicador deslizante y lineal. Pero actualmente, no tenemos soporte para renderizar el componente Slider con intervalos de etiquetas irregulares como se muestra en su captura de pantalla. Este requisito tampoco es posible con el indicador lineal. Además, no tenemos soporte directo para incluir fotos como se mantiene en las fotos de Google en el componente Slider. Verifique el diseño disponible de los componentes de indicador deslizante y lineal en el siguiente enlace.
Indicador lineal: https://ej2.syncfusion.com/demos/#/bootstrap5/linear-gauge/default
Control deslizante: https://ej2.syncfusion.com/demos/#/bootstrap5/slider/default.html