Carrousel d'images pleine largeur pouvant centrer l'image sélectionnée et afficher partiellement d'autres images dans la galerie

Question

J'ai cherché un plugin qui ferait cela et le plus proche que j'ai pu trouver était CarouselLite mais il ne fait pas vraiment ce que j'essaie de faire. La plupart des autres bibliothèques que j'ai pu trouver n'apprécient pas la largeur de 100%, ne cachent pas les images inactives ou ne centrent pas l'image active en la faisant défiler à l'extrême gauche de la galerie div. Je ne suis pas très bon javascipt, peut-être que quelqu'un pourrait m'indiquer une bibliothèque qui fonctionnera pour moi.

J'essaie de définir une galerie d'images pleine largeur pour afficher des images assez grandes de la manière dont l'image sélectionnée (par un clic de souris) est centrée sur la page, tandis que les autres images sont également partiellement affichées (dans la mesure où la largeur de l'écran le permet. ). Cliquez à nouveau sur la même image pour centrer la suivante sur l’écran (l’effet de glisser serait agréable), cliquez sur les autres images pour centrer celle sur laquelle vous avez cliqué.

Cela semble assez simple et je m'attendais à trouver quelque chose qui le fasse rapidement. J'ai passé deux jours sans chance. J'espère que quelqu'un est tombé sur une bibliothèque qui le fera.

Voici une petite image démontrant ce que je recherche (imaginez que ce soit à 100% largeur):

Answer 1

J'ai pu travailler un peu au moins d'une manière ou d'une autre ici avec un prototype d'interface utilisateur et de plug-in de carrousel . Le problème ici est qu'il aligne toujours l'image active sur le côté gauche de l'écran pendant que je tente de la centrer.