JS se přizpůsobuje grafu karusel velikosti obrazovky

Malý hajzl · Zveřejněno 25.09.2020 10:15:17

Požadavky: Při přístupu k mobilnímu terminálu zobrazuje karusel pouze 1 obsah, na tabletovém terminálu se zobrazí 2 kusy obsahu a na PC straně zobrazí 4 kusy obsahu.

Nejprve pod vizualizacemi:

Víme, že bootstrap má gridový systém, který se dokáže velmi dobře přizpůsobit velikosti zařízení, principem je ve skutečnosti médium v CSS, ale moje karuselová funkce používá plugin Swiper, který je nastaven podle parametrů js.

Swiper je plugin s efektem přejetí vytvořený v čistě javascriptu pro mobilní zařízení, jako jsou mobilní telefony a tablety.

Bootstrap grid systém:

Podrobnosti:Přihlášení k hypertextovému odkazu je viditelné.

Pokud používáte čisté CSS, kód je následující (pro mě ne):

Přihlášení je viditelné.

js je hodnocen metodou Window matchMedia() a parametry jsou upravovány a přizpůsobovány. Kód je následující:

Přihlášení je viditelné.

(Konec)

[JavaScript] JS se přizpůsobuje grafu karusel velikosti obrazovky