Klicken Sie auf ein Bild, um eine Diashow mit statischem Text zu öffnen - Javascript, Jquery, HTML, CSS

Ich erstelle eine Website mit einem Portfolio undIch möchte in der Lage sein, für jedes Projekt auf ein einzelnes Bild zu klicken, wodurch die Seite abgeblendet wird, und eine Diashow mit mehreren Bildern des Projekts sowie einer Beschreibung zu öffnen. Grundsätzlich wäre dies eine Lightbox, aber anstatt nur ein einzelnes Bild zu öffnen, würde jede Lightbox links eine Diashow und rechts statischen Text enthalten. Ist das möglich? Ich dachte, vielleicht würde es durch die Implementierung von etwas mit getan werden http://noelboss.github.io/featherlight/

Vielen Dank für Ihre Hilfe, ihr seid unglaublich!

Antworten:

Anstatt ein einzelnes Image mit der Standardimplementierung zu öffnen:

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

Sie könnten stattdessen versuchen, die iFrame-Funktion von FeatherLight zu verwenden und ein externes Div aufzurufen:

<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>

Sie können dies dann so gestalten, dass das Bild nach links und der Text nach rechts schwebt.

Wir sind uns nicht sicher, ob dies mit der Galerieerweiterung von FeatherLight funktioniert!