ImageGallery
FreeCuadrícula de miniaturas que abre un visor a pantalla completa (Lightbox) con botones de anterior y siguiente, las flechas y Escape.
Ejemplo

Parámetros
ImageGallery
| Parámetro | Tipo | Descripción |
|---|---|---|
Class | string | Clases CSS adicionales que se agregan al elemento raíz. |
Images | IEnumerable<GalleryImage> | Elementos GalleryImage(src, alt, caption, thumbnail). |
MinSize | string | Menor ancho de miniatura como longitud CSS (10rem de forma predeterminada). |
Style | string | Estilo en línea agregado al elemento raíz. |
Lightbox
| Parámetro | Tipo | Descripción |
|---|---|---|
Class | string | Clases CSS adicionales que se agregan al elemento raíz. |
Images | IReadOnlyList<GalleryImage> | Elementos GalleryImage(src, alt, caption, thumbnail). |
Index | int | Índice de la imagen mostrada. Úselo con @bind-Index. |
Open | bool | Si se muestra el visor. Úselo con @bind-Open. |
Style | string | Estilo en línea agregado al elemento raíz. |
Eventos
Lightbox
| Evento | Tipo | Descripción |
|---|---|---|
IndexChanged | EventCallback<int> | Se genera cuando se muestra otra imagen. |
OpenChanged | EventCallback<bool> | Se genera cuando se cierra el visor. |
Paquete
ImageGallery forma parte de RayCraft Free. Paquete: RayCraft.Blazor. Se obtiene de nuget.org. Consulte Primeros pasos.
Controles relacionados
Enviar comentariosVersión 1.0.3