RayCraftDocs
v1.0.3
es
raycraft.dev
En esta página

ImageGallery

Free

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

Ejemplo

Control ImageGallery

Parámetros

ImageGallery

ParámetroTipoDescripción
ClassstringClases CSS adicionales que se agregan al elemento raíz.
ImagesIEnumerable<GalleryImage>Elementos GalleryImage(src, alt, caption, thumbnail).
MinSizestringMenor ancho de miniatura como longitud CSS (10rem de forma predeterminada).
StylestringEstilo en línea agregado al elemento raíz.

Lightbox

ParámetroTipoDescripción
ClassstringClases CSS adicionales que se agregan al elemento raíz.
ImagesIReadOnlyList<GalleryImage>Elementos GalleryImage(src, alt, caption, thumbnail).
IndexintÍndice de la imagen mostrada. Úselo con @bind-Index.
OpenboolSi se muestra el visor. Úselo con @bind-Open.
StylestringEstilo en línea agregado al elemento raíz.

Eventos

Lightbox

EventoTipoDescripción
IndexChangedEventCallback<int>Se genera cuando se muestra otra imagen.
OpenChangedEventCallback<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.