Predstavitve pripomočkov
Komponente uporabniškega vmesnika
Trženje
Prikaz vsebine
Navigacija
Obvestila
Vizualni učinki
Interaktiven
Postavitev
Prikaz vsebine
Pripomoček galerije
Prikažite slike in videoposnetke v čudovitih postavitvah s podporo za svetlobno ploščo. Podpira postavitve mreže, zidakov, vrtiljaka in svetlobne plošče. Vključuje počasno nalaganje, nadzor razmerja stranic in predvajanje videa.
Postavitev mreže
Odzivna mreža s slikami enake višine.
Koda
<?php echo GalleryWidget::widget([
'images' => ['/img/1.jpg', '/img/2.jpg', '/img/3.jpg'],
'layout' => 'grid',
'columns' => 4,
'lightboxEnabled' => true,
]); ?>Demo v živo
Zidarska postavitev
Zidarska mreža v slogu Pinterest z naravnimi višinami.
Koda
<?php echo GalleryWidget::widget([
'images' => [...],
'layout' => 'masonry',
'columns' => 3,
]); ?>Demo v živo
Vrtiljak
Bootstrap vrtiljak s samodejno diaprojekcijo.
Koda
<?php echo GalleryWidget::widget([
'images' => [...],
'layout' => 'carousel',
'autoplay' => true,
]); ?>Demo v živo
Svetlobna plošča z napisi
Mreža sličic z napisi in svetlobno ploščo.
Koda
<?php echo GalleryWidget::widget([
'images' => [
['url' => '/img/1.jpg', 'caption' => 'Caption 1'],
['url' => '/img/2.jpg', 'caption' => 'Caption 2'],
],
'layout' => 'lightbox',
'showCaptions' => true,
]); ?>Demo v živo
Možnosti konfiguracije
| Možnost | Vrsta | Privzeto | Opis |
|---|---|---|---|
images | array | null | Niz URL-jev slik ali podatkovnih nizov |
fileIds | array | null | Niz ID-jev modelov datotek |
entityType | string | null | Vrsta entitete za iskanje EntityAttachment |
entityId | int | null | ID entitete za priloge |
gallerySlug | string | null | Galerijski album polž |
layout | string | grid | Postavitev: mreža, zid, vrtiljak, svetlobna škatla |
columns | int | 4 | Število stolpcev (2-6) |
aspectRatio | string | 4:3 | Razmerje stranic: 1:1, 4:3, 16:9, 3:2, samodejno |
lightboxEnabled | bool | true | Omogoči svetlobno polje ob kliku |
showCaptions | bool | false | Pokaži napise slik |
lazyLoad | bool | true | Omogoči leno nalaganje |