RayCraftDocs
v1.0.3
bg
raycraft.dev
На тази страница

ImageGallery

Free

Решетка от миниатюри, която отваря преглед на цял екран (Lightbox) с бутони назад и напред, стрелките и Escape.

Пример

Контрола ImageGallery

Параметри

ImageGallery

ПараметърТипОписание
ClassstringДопълнителни CSS класове, добавени към коренния елемент.
ImagesIEnumerable<GalleryImage>Елементи GalleryImage(src, alt, caption, thumbnail).
MinSizestringНай-малка ширина на миниатюра като CSS дължина (по подразбиране 10rem).
StylestringВграден стил, добавен към коренния елемент.

Lightbox

ПараметърТипОписание
ClassstringДопълнителни CSS класове, добавени към коренния елемент.
ImagesIReadOnlyList<GalleryImage>Елементи GalleryImage(src, alt, caption, thumbnail).
IndexintИндекс на показаната картина. Ползвайте с @bind-Index.
OpenboolДали прегледът се показва. Ползвайте с @bind-Open.
StylestringВграден стил, добавен към коренния елемент.

Събития

Lightbox

СъбитиеТипОписание
IndexChangedEventCallback<int>Вдига се, когато се показва друга картина.
OpenChangedEventCallback<bool>Вдига се, когато прегледът се затвори.

Пакет

ImageGallery е част от RayCraft Free. Пакет: RayCraft.Blazor. Тя се тегли от nuget.org. Вижте Първи стъпки.