RayCraftDocs
v1.0.3
nl
raycraft.dev
Op deze pagina

ImageGallery

Free

Raster van miniaturen dat een schermvullende viewer (Lightbox) opent met knoppen voor vorige en volgende, de pijltoetsen en Escape.

Voorbeeld

Besturingselement ImageGallery

Parameters

ImageGallery

ParameterTypeBeschrijving
ClassstringExtra CSS-klassen die aan het hoofdelement worden toegevoegd.
ImagesIEnumerable<GalleryImage>Items GalleryImage(src, alt, caption, thumbnail).
MinSizestringKleinste miniatuurbreedte als CSS-lengte (standaard 10rem).
StylestringInline stijl die aan het hoofdelement wordt toegevoegd.

Lightbox

ParameterTypeBeschrijving
ClassstringExtra CSS-klassen die aan het hoofdelement worden toegevoegd.
ImagesIReadOnlyList<GalleryImage>Items GalleryImage(src, alt, caption, thumbnail).
IndexintIndex van de getoonde afbeelding. Gebruik met @bind-Index.
OpenboolOf de viewer wordt getoond. Gebruik met @bind-Open.
StylestringInline stijl die aan het hoofdelement wordt toegevoegd.

Gebeurtenissen

Lightbox

GebeurtenisTypeBeschrijving
IndexChangedEventCallback<int>Geactiveerd wanneer een andere afbeelding wordt getoond.
OpenChangedEventCallback<bool>Geactiveerd wanneer de viewer sluit.

Pakket

ImageGallery maakt deel uit van RayCraft Free. Pakket: RayCraft.Blazor. Het komt van nuget.org. Zie Aan de slag.