Kliknij obraz, aby otworzyć pokaz slajdów z tekstem statycznym - javascript, jquery, html, css

Buduję stronę internetową z portfolio ichciałby mieć możliwość kliknięcia jednego obrazu dla każdego projektu, który następnie przyciemniłby stronę i otworzył pokaz slajdów z wieloma obrazami projektu, a także opis. Zasadniczo byłby to lightbox, ale zamiast otwierać pojedynczy obraz, każdy inny lightbox zawierałby pokaz slajdów po lewej stronie i statyczny tekst po prawej stronie. czy to możliwe? Pomyślałem, że może to być zrobione przez wdrożenie czegoś z http://noelboss.github.io/featherlight/

Dziękuję bardzo za pomoc, jesteście niesamowici!

Odpowiedzi:

Zamiast otwierać pojedynczy obraz przy użyciu domyślnej implementacji:

<span data-featherlight="myimage.png">Open image in lightbox</a>

Zamiast tego możesz spróbować użyć funkcji iFrame FeatherLight i wywołać zewnętrznego Div:

<a href="#" data-featherlight="#mylightbox">Open element in lightbox</a>
<div id="mylightbox"><img src="/images/myimage.jpg" /><p>This div will be opened in a lightbox</p></div>

Następnie możesz nadać temu stylowi, aby obraz unosił się w lewo, tekst w prawo itd.

Nie jestem jednak pewien, czy będzie to działać z rozszerzeniem galerii FeatherLight!