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

Parameter
ImageGallery
| Parameter | Typ | Beschreibung |
|---|---|---|
Class | string | Zusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden. |
Images | IEnumerable<GalleryImage> | Elemente vom Typ GalleryImage(src, alt, caption, thumbnail). |
MinSize | string | Kleinste Vorschaubildbreite als CSS-Länge (Standard 10rem). |
Style | string | Inline-Stil, der dem Wurzelelement hinzugefügt wird. |
Lightbox
| Parameter | Typ | Beschreibung |
|---|---|---|
Class | string | Zusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden. |
Images | IReadOnlyList<GalleryImage> | Elemente vom Typ GalleryImage(src, alt, caption, thumbnail). |
Index | int | Index des angezeigten Bildes. Verwenden Sie es mit @bind-Index. |
Open | bool | Ob der Viewer angezeigt wird. Verwenden Sie es mit @bind-Open. |
Style | string | Inline-Stil, der dem Wurzelelement hinzugefügt wird. |
Ereignisse
Lightbox
| Ereignis | Typ | Beschreibung |
|---|---|---|
IndexChanged | EventCallback<int> | Wird ausgelöst, wenn ein anderes Bild angezeigt wird. |
OpenChanged | EventCallback<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.
Verwandte Steuerelemente
Feedback sendenVersion 1.0.3