選択した画像を中央に配置し、ギャラリーの他の画像を部分的に表示できるフル幅の画像カルーセル

Question

これを行うプラグインを探しましたが、最も近いものはCarouselLiteでしたが、実際に取得しようとしていることはできません。私が見つけることができる他のほとんどのライブラリは、100％の幅が好きではないか、非アクティブな画像を非表示にしないか、ギャラリーdivの左にスクロールするアクティブな画像を中央に配置しません。私はjavasciptがあまり得意ではありません。誰かが私に役立つライブラリを教えてくれるかもしれません。

（マウスのクリックで）選択した画像がページの中央にくるようにかなり大きな画像を表示するようにフル幅の画像ギャラリーを設定しようとしていますが、他の画像も部分的に表示されます（画面の幅が許す限り） ）。この同じ画像をもう一度クリックすると、画面上の次の画像が中央に配置され（スライド効果が美しい）、他の画像をクリックすると、クリックされた画像が中央に配置されます。

これは非常に単純に聞こえますが、これをすぐに行う何かを見つけることを期待していました。運のない2日間を過ごした。誰かがこれを行うライブラリに出会ったことを願っています。

これは、小さな画像で、探しているものを示しています（想像してみてください、100％幅）：

Answer 1

私は、プロトタイプUIとカルーセルプラグインを使用して、こちらを少なくとも何らかの形で機能させることができました。 。ここでの問題は、アクティブな画像を画面の左側に揃えながら、中央に配置しようとしていることです。