RayCraftDocs
v1.0.3
fr
raycraft.dev
Sur cette page

ImageGallery

Free

Grille de miniatures qui ouvre une visionneuse plein écran (Lightbox) avec boutons précédent et suivant, flèches et Échap.

Exemple

Contrôle ImageGallery

Paramètres

ImageGallery

ParamètreTypeDescription
ClassstringClasses CSS supplémentaires ajoutées à l'élément racine.
ImagesIEnumerable<GalleryImage>Éléments GalleryImage(src, alt, caption, thumbnail).
MinSizestringPlus petite largeur de miniature en longueur CSS (10rem par défaut).
StylestringStyle en ligne ajouté à l'élément racine.

Lightbox

ParamètreTypeDescription
ClassstringClasses CSS supplémentaires ajoutées à l'élément racine.
ImagesIReadOnlyList<GalleryImage>Éléments GalleryImage(src, alt, caption, thumbnail).
IndexintIndex de l'image affichée. À utiliser avec @bind-Index.
OpenboolIndique si la visionneuse est affichée. À utiliser avec @bind-Open.
StylestringStyle en ligne ajouté à l'élément racine.

Événements

Lightbox

ÉvénementTypeDescription
IndexChangedEventCallback<int>Déclenché quand une autre image est affichée.
OpenChangedEventCallback<bool>Déclenché quand la visionneuse se ferme.

Paquet

ImageGallery fait partie de RayCraft Free. Paquet : RayCraft.Blazor. Il provient de nuget.org. Voir Premiers pas.