RayCraftDocs
v1.0.3
nb
raycraft.dev
På denne siden

ImageGallery

Free

Rutenett av miniatyrer som åpner en fullskjermsviser (Lightbox) med knapper for forrige og neste, piltastene og Escape.

Eksempel

Kontrollen ImageGallery

Parametere

ImageGallery

ParameterTypeBeskrivelse
ClassstringEkstra CSS-klasser som legges til rotelementet.
ImagesIEnumerable<GalleryImage>Elementer av typen GalleryImage(src, alt, caption, thumbnail).
MinSizestringMinste miniatyrbredde som CSS-lengde (standard 10rem).
StylestringInnebygd stil som legges til rotelementet.

Lightbox

ParameterTypeBeskrivelse
ClassstringEkstra CSS-klasser som legges til rotelementet.
ImagesIReadOnlyList<GalleryImage>Elementer av typen GalleryImage(src, alt, caption, thumbnail).
IndexintIndeks for det viste bildet. Bruk med @bind-Index.
OpenboolOm viseren vises. Bruk med @bind-Open.
StylestringInnebygd stil som legges til rotelementet.

Hendelser

Lightbox

HendelseTypeBeskrivelse
IndexChangedEventCallback<int>Utløses når et annet bilde vises.
OpenChangedEventCallback<bool>Utløses når viseren lukkes.

Pakke

ImageGallery er en del av RayCraft Free. Pakke: RayCraft.Blazor. Den hentes fra nuget.org. Se Kom i gang.