RayCraftDocs
v1.0.3
de
raycraft.dev
Auf dieser Seite

ImageGallery

Free

Raster aus Vorschaubildern, das eine Vollbildansicht (Lightbox) mit Schaltflächen für Zurück und Weiter, den Pfeiltasten und Escape öffnet.

Beispiel

Steuerelement ImageGallery

Parameter

ImageGallery

ParameterTypBeschreibung
ClassstringZusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden.
ImagesIEnumerable<GalleryImage>Elemente vom Typ GalleryImage(src, alt, caption, thumbnail).
MinSizestringKleinste Vorschaubildbreite als CSS-Länge (Standard 10rem).
StylestringInline-Stil, der dem Wurzelelement hinzugefügt wird.

Lightbox

ParameterTypBeschreibung
ClassstringZusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden.
ImagesIReadOnlyList<GalleryImage>Elemente vom Typ GalleryImage(src, alt, caption, thumbnail).
IndexintIndex des angezeigten Bildes. Verwenden Sie es mit @bind-Index.
OpenboolOb der Viewer angezeigt wird. Verwenden Sie es mit @bind-Open.
StylestringInline-Stil, der dem Wurzelelement hinzugefügt wird.

Ereignisse

Lightbox

EreignisTypBeschreibung
IndexChangedEventCallback<int>Wird ausgelöst, wenn ein anderes Bild angezeigt wird.
OpenChangedEventCallback<bool>Wird ausgelöst, wenn der Viewer schließt.

Paket

ImageGallery gehört zu RayCraft Free. Paket: RayCraft.Blazor. Es stammt von nuget.org. Siehe Erste Schritte.