Skip to main content

Carousel

shadow

Carousel je element, ktorý zobrazuje viacero položiek, ako sú obrázky alebo aktualizácie noviniek, rotujúcim spôsobom.

Základné použitie​

Paginaton​

No loop​

Dialog​

Nahľadový obrázok​

Odsadenie​

Rozdelenie​

Kedy použiť​

Použite wje-carousel na zobrazenie obsahu, ktorý zlepšuje čitateľnosť, skenovateľnosť alebo kontext informácií.

Kedy nepoužiť​

Nepoužívajte ho ako náhradu za štruktúrované dáta tam, kde je potrebná presná interakcia.

Prístupnosť​

Doplňte alternatívny text pre obrázky, čitateľné kontrasty a textové ekvivalenty pre ikony bez popisu.

Odporúčané postupy​

  • Komprimujte médiá a používajte lazy loading pri veľkých zoznamoch.
  • Pri kartách a zoznamoch držte konzistentné informačné priority.
  • Neopakujte rovnakú informáciu súčasne textom aj ikonou bez pridanej hodnoty.

Atribúty a vlastnosti​

activeSlide​

PopisNastavuje číselnú hodnotu používanú vo voľbe active-slide.
Atribútactive-slide
Typnumber｜number
Predvolené-

Udalosti​

Pre tento komponent nie sú dostupné žiadne udalosti.

Metódy​

syncActiveToCenter​

PopisSynchronizuje active to center s externým alebo interným zdrojom stavu.
Signatúra() => void

setIntersectionObserver​

PopisNastaví intersection observer a aplikuje súvisiace zmeny stavu.
Signatúra() => void

goToSlide​

PopisSpustí metódu goToSlide na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra(index: any, behavior: any, next: any) => void

cloneFirstAndLastItems​

PopisSpustí metódu cloneFirstAndLastItems na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra() => void

removeActiveSlide​

PopisOdstráni active slide z aktuálneho stavu komponentu.
Signatúra() => void

changePagination​

PopisSpustí metódu changePagination na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra() => void

changeThumbnails​

PopisSpustí metódu changeThumbnails na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra() => void

createNextButton​

PopisVytvorí next button a pripojí ho do štruktúry komponentu.
Signatúra() => Element

createPreviousButton​

PopisVytvorí previous button a pripojí ho do štruktúry komponentu.
Signatúra() => Element

createPagination​

PopisVytvorí pagination a pripojí ho do štruktúry komponentu.
Signatúra() => Element

createThumbnails​

PopisVytvorí thumbnails a pripojí ho do štruktúry komponentu.
Signatúra() => Element

nextSlide​

PopisSpustí metódu nextSlide na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra() => void

previousSlide​

PopisSpustí metódu previousSlide na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra() => void

getSlides​

PopisVráti slides z aktuálneho stavu komponentu.
Signatúra() => Array

getSlidesWithClones​

PopisVráti slides with clones z aktuálneho stavu komponentu.
Signatúra() => Array

getVisualIndexForLogical​

PopisVráti visual index for logical z aktuálneho stavu komponentu.
Signatúra(index: any) => void

getLogicalIndexForVisual​

PopisVráti logical index for visual z aktuálneho stavu komponentu.
Signatúra(vIndex: any) => void

canGoNext​

PopisSpustí metódu canGoNext na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra() => boolean

canGoPrevious​

PopisSpustí metódu canGoPrevious na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra() => boolean

CSS tieňové časti​

Pre tento komponent nie sú dostupné žiadne CSS časti tieňa.

Sloty​

NázovPopis
defaultPredvolený slot pre hlavný obsah komponentu.

Content