ImageGallery
FreeGrade de miniaturas que abre um visualizador em tela cheia (Lightbox) com botões de anterior e próximo, as setas e Escape.
Exemplo
Parâmetros
ImageGallery
| Parâmetro | Tipo | Descrição |
|---|---|---|
Class | string | Classes CSS extras adicionadas ao elemento raiz. |
Images | IEnumerable<GalleryImage> | Itens GalleryImage(src, alt, caption, thumbnail). |
MinSize | string | Menor largura de miniatura como comprimento CSS (10rem por padrão). |
Style | string | Estilo embutido adicionado ao elemento raiz. |
Lightbox
| Parâmetro | Tipo | Descrição |
|---|---|---|
Class | string | Classes CSS extras adicionadas ao elemento raiz. |
Images | IReadOnlyList<GalleryImage> | Itens GalleryImage(src, alt, caption, thumbnail). |
Index | int | Índice da imagem mostrada. Use com @bind-Index. |
Open | bool | Se o visualizador é mostrado. Use com @bind-Open. |
Style | string | Estilo embutido adicionado ao elemento raiz. |
Eventos
Lightbox
| Evento | Tipo | Descrição |
|---|---|---|
IndexChanged | EventCallback<int> | Gerado quando outra imagem é mostrada. |
OpenChanged | EventCallback<bool> | Gerado quando o visualizador fecha. |
Pacote
ImageGallery faz parte do RayCraft Free. Pacote: RayCraft.Blazor. Vem do nuget.org. Veja Primeiros passos.
Controles relacionados
Enviar feedbackVersão 1.0.3