🖼️
Sadržaj

Galerijski sistem

Skrbniješke postavke

Galerije slika i videa s okvirom za pregled i više izgleda

Pregled

Potpuni sustav upravljanja galerijom za slike i videozapise. Podržava više načina izgleda (mreža, zidanje, vrtuljak, lightbox), YouTube/Vimeo ugrađivanje, opcijski albumi, odgođeno učitavanje i integracija GLightboxa. Savršeno za portfelje, foto albume i medijske vitrine.

Oblikovalski premisleki

UX vzorci i opombe vizualnega ulikovanja za to funkcionalnost:

  • Omjeri slike su važni - ponudite opcije (1:1, 4:3, 16:9, automatski)
  • Lijeno učitavanje bitno je za izvedbu s velikim galerijama
  • Lightbox bi trebao podržavati navigaciju tipkovnicom i pokrete dodirom
  • Tlocrti zidova zahtijevaju pravilno balansiranje stupova na mobilnom uređaju
  • Sličice videozapisa trebaju ikone za reprodukciju kako bi postavile očekivanja

Ključne prednosti

Kaj naredi to funkcionalnost izjemno:

  • 4 načina izgleda (mreža, zid, vrtuljak, svjetlosni okvir)
  • YouTube & Vimeo video podrška sa sličicama
  • GLightbox sa zumom, preuzimanjem i dijeljenjem
  • Organizacija albuma s puževima
  • Lijeno učitavanje za izvedbu
  • Responzivan s izgledima optimiziranim za mobilne uređaje
Tehniječna opomba

GalleryWidget prihvaća slike iz više izvora: izravnog niza, ID-ova datoteka, privitaka entiteta ili galerijskih albuma. GLightbox biblioteka upravlja funkcijom lightboxa. Koristite GalleryHelper za normalizaciju slike i dohvaćanje podataka.

Pomoćni razredi
GalleryHelper
Modeli
GalleryGalleryItemFileEntityAttachment
Tablice baze podataka
gallerygallery_itemfileentity_attachment

Konfiguracija

Legenda konfiguracijskih povezav
Baza podatkov prepijoš params.php🔗 Nastavitev povezana z bazo podatkov📋 Baza podatkov hranije samo vrednost
params.php konfiguracija

Konfiguracijska pot: params['gallery']

params['features']['gallery'] => trueparams['gallery']['lightbox']['enabled'] => trueparams['gallery']['lightbox']['loop'] => trueparams['gallery']['lightbox']['zoomable'] => trueparams['gallery']['lightbox']['draggable'] => trueparams['gallery']['lightbox']['slideEffect'] => 'fade'params['gallery']['showCaptions'] => trueparams['gallery']['lazyLoad'] => trueparams['gallery']['showDownload'] => falseparams['gallery']['animation']['enabled'] => trueparams['gallery']['animation']['default'] => 'fade-up'
Postavke baze podatkov (tabela system_setting)
KljučVrstaOpisRelacija
gallery_lightbox_enabledbooleanEnable lightbox globally
gallery_default_layoutstringDefault gallery layout