ImageGallery
FreeRutnät av miniatyrer som öppnar en helskärmsvisare (Lightbox) med knappar för föregående och nästa, piltangenterna och Escape.
Exempel
Parametrar
ImageGallery
| Parameter | Typ | Beskrivning |
|---|---|---|
Class | string | Extra CSS-klasser som läggs till på rotelementet. |
Images | IEnumerable<GalleryImage> | Objekt av typen GalleryImage(src, alt, caption, thumbnail). |
MinSize | string | Minsta miniatyrbredd som CSS-längd (standard 10rem). |
Style | string | Inbäddad stil som läggs till på rotelementet. |
Lightbox
| Parameter | Typ | Beskrivning |
|---|---|---|
Class | string | Extra CSS-klasser som läggs till på rotelementet. |
Images | IReadOnlyList<GalleryImage> | Objekt av typen GalleryImage(src, alt, caption, thumbnail). |
Index | int | Index för den visade bilden. Använd med @bind-Index. |
Open | bool | Om visaren visas. Använd med @bind-Open. |
Style | string | Inbäddad stil som läggs till på rotelementet. |
Händelser
Lightbox
| Händelse | Typ | Beskrivning |
|---|---|---|
IndexChanged | EventCallback<int> | Utlöses när en annan bild visas. |
OpenChanged | EventCallback<bool> | Utlöses när visaren stängs. |
Paket
ImageGallery ingår i RayCraft Free. Paket: RayCraft.Blazor. Den hämtas från nuget.org. Se Kom igång.
Relaterade kontroller
Skicka synpunkterVersion 1.0.3