Cerințe: Când accesezi terminalul mobil, graficul caruselului afișează doar o singură bucată de conținut, când este pe terminalul tabletei, afișează 2 piese de conținut, iar când este pe partea de PC, afișează 4 bucăți de conținut.
În primul rând, la redări:
Știm că bootstrap are un sistem de grilă, care se poate adapta foarte bine în funcție de dimensiunea dispozitivului, principiul fiind de fapt media în CSS, dar funcția mea de carusel folosește pluginul Swiper, care este setat conform parametrilor js.
Swiper este un plugin pentru efect de glisare creat în javascript pur, pentru dispozitive mobile precum telefoane mobile și tablete.
Detalii:Autentificarea cu hyperlink este vizibilă.
Dacă folosești CSS pur, codul este următorul (nu pentru mine):
js este evaluat prin metoda Window matchMedia(), iar parametrii sunt ajustați și adaptați. Codul este următorul:
(Sfârșit)
|
Postat pe 25.09.2020 10:15:17
|
|
|
|
