Carosello di immagini a larghezza intera che può centrare l'immagine selezionata e mostrare parzialmente altre immagini nella galleria

Question

Ho cercato un plugin che lo farà e il più vicino che ho trovato era CarouselLite ma non fa davvero quello che sto cercando di ottenere. La maggior parte delle altre librerie che ho trovato non mi piace la larghezza del 100% o non nasconde immagini inattive o non centra l'immagine attiva facendola scorrere fino alla sinistra della galleria div. Non sono molto bravo a javascipt, forse qualcuno potrebbe indicarmi una biblioteca che funzionerà per me.

Sto cercando di impostare una galleria di immagini a larghezza intera per mostrare immagini abbastanza grandi nel modo in cui l'immagine selezionata (con un clic del mouse) è centrata sulla pagina mentre altre immagini sono parzialmente mostrate (per quanto la larghezza dello schermo lo consenta ). Facendo di nuovo clic su questa stessa immagine si centrerà la successiva sullo schermo (l'effetto diapositiva sarebbe bello), facendo clic su altre immagini dovrebbe centrare quella su cui si è fatto clic.

Sembra abbastanza semplice e mi aspettavo di trovare qualcosa che lo facesse rapidamente. Ho trascorso due giorni senza fortuna. Spero che qualcuno abbia incontrato una biblioteca che lo farà.

Ecco una piccola immagine che dimostra ciò che sto cercando (immagina, è al 100% larghezza):

Answer 1

Sono stato in grado di funzionare in qualche modo almeno in qualche modo qui con l'interfaccia utente del prototipo e il plug-in carousel . Il problema qui è che allinea ancora l'immagine attiva al lato sinistro dello schermo mentre sto cercando di centrarla.